<template>
	<view class="ag_container">
		<uni-nav-bar :fixed="true" backgroundColor="#00a660" color="#fff" height="90rpx">
			<block slot="left">
				<i class="iconfont nav_backIcon" @click="back">&#xe8b8;</i>
				<span style="font-size: 30rpx;">签约文件详情</span>
			</block>
			<block slot="right">
				<view class="nav_btn">
					<rudon-rowMenuDotDotDot :clear="false" :localdata="showDelete?options:options1" @change="menuAction">
						<button class="nextBtn" size="mini">更多操作</button>
					</rudon-rowMenuDotDotDot>
					<button @click="invalidContract" class="nextBtn" size="mini" v-if="($store.getters.staffInfo.id==startForm.contractSignFlowStarter.systemStaffId || $store.getters.staffInfo.id==startForm.contractSignFlowStarter.sealerId) && (ruleForm.status==$enums.contractStatus.STAMP || ruleForm.status==$enums.contractStatus.STAMP_OK)">撤回合同</button>
					<button @click="rescindForm" class="nextBtn" size="mini" v-if="!isHiddenTerminationContract" :disabled="isTerminationContract">解约合同</button>
					
				</view>
			</block>
		</uni-nav-bar>
		<uni-data-select v-model="value" :localdata="contractFilename" :clear="false" class="data_select" @change="changeContract" />
		
		<view style="width: 100%;overflow-x: scroll;position: relative;padding-bottom: 80rpx;" class="agree_pdf">
			<view v-if="idx == index" v-for="(file, index) in contractFile" class="drag"
				:class="{popupShow:popupShow}" style="padding: 90rpx 0 0;" :style="{width:widthNum + 'px'}">
				<pdf  :src="file.pdfSrc" v-for="i in file.pageCount" :page="i" @page-loaded="pdfLoaded"></pdf>
			</view>
		</view>
		
		<!-- 放大缩小 -->
		<uni-fab ref="fab" :pattern="pattern" :content="content" :horizontal="horizontal" :vertical="vertical"
			style="opacity: 0.9;" :direction="direction" @trigger="changeSize" :icon="search" />

		<!-- 签署详情内容显示 -->
		<uni-collapse @change="moving" class="detail_coll" :show="popupShow">
			<uni-collapse-item titleBorder="none" :border="false" :open="moveIndex==0?false:true">
				<template v-slot:title>
					<view class="title_border">
						<span>签约文件详情</span>
						<span v-if="moveIndex==1">关闭</span>
						<span v-else>查看</span>
					</view>
				</template>
				<!--  签署详情 签名与证书 操作记录  -->
				<view class="collapse_height">
					<!-- 合同详情信息 -->
					<view class="agree_jn">
						<view class="agree-detail">
							<p class="title">{{ruleForm.name}}</p>
							<p>合同编号：{{ruleForm.contractNumber}}</p>

							<view class="agree_item">
								<view class="item_p">
									<p>合同类型：{{startForm.contractSignFlowList[0].contractTypeName }}</p>
									<p>业务分类：{{startForm.contractSignFlowList[0].businessTypeName }}</p>
								</view>
							</view>

							<!-- 合同签约状态 -->
							<view class="item_p">
								<p class="sign_p">合同签约状态：
									<template v-if="ruleForm.status == 10">
										<template v-for="(dictItem, index) in dicts.ec_contract_status">
											<template v-if="ruleForm.status == dictItem.value">
												<uni-tag :text="dictItem.text" size="small" :type="dictItem.type" />
											</template>
										</template>
									</template>
									<template v-else>
										<template v-for="(dictItem, index) in dicts.ec_contract_status">
											<template v-if="ruleForm.status == dictItem.value">
												<uni-tag :text="dictItem.text" size="small" :type="dictItem.type" />
											</template>
										</template>
									</template>
									<span v-if="ruleForm.status == 5 || ruleForm.status == 4" class="errorColor" style="margin-left: 8rpx;">{{signExpiryDateDesc}}天后截止签署</span>
									<uni-tooltip v-if="ruleForm.status == 14" class="errorColor" style="margin-left: 8rpx;">
										<template slot="content">
											<view>{{ruleForm.otherText==null?'未填写原因':ruleForm.otherText}}</view>
										</template>详情</uni-tooltip>	
								</p>
								<p v-if="ruleForm.status!==$enums.contract_sign_flow_status.ALL_OK && ruleForm.status!==$enums.contract_sign_flow_status.REJECT && ruleForm.status!==$enums.contract_sign_flow_status.REVOKE && ruleForm.status!==$enums.contract_sign_flow_status.EXPIRED && ruleForm.status!==$enums.contract_sign_flow_status.RESCIND">
									签署截止时间：<span v-if="ruleForm.signExpiryDate == null">--</span>
									<span v-else>{{ ruleForm.signExpiryDate }}</span>
									<span class="settingBtn" @click="handleEditSetSignExpiryDateTime" style="color: #999;" v-if="$store.getters.staffInfo.id!=ruleForm.staffId">延期</span>
									<uni-datetime-picker v-model="ruleForm.signExpiryDate" class="settingBtn" @change="handleEditSetSignExpiryDateTime" v-else>延期</uni-datetime-picker>
									</p>
								<p>合同发起时间：{{ ruleForm.createTime }}</p>
								<p>签约完成时间：<span v-if="ruleForm.status == 10">{{ ruleForm.updateTime }}</span><span
										v-else>--</span></p>
							</view>

							<view class="item_p"> 
								<p>合同开始时间：<span v-if="ruleForm.contractStartTime == null">--</span>
								   <span v-else>{{ ruleForm.contractStartTime }}</span>
								   <span class="settingBtn" @click="handleEditSetContractStartTime" style="color: #999;" v-if="$store.getters.staffInfo.id!=ruleForm.staffId">设置</span>
								   <uni-datetime-picker v-model="ruleForm.contractStartTime" class="settingBtn" @change="handleEditSetContractStartTime" v-else>设置</uni-datetime-picker>
								</p>
								<p>合同终止时间：<span v-if="ruleForm.contractEndTime == null">--</span>
								   <span v-else>{{ ruleForm.contractEndTime }}</span>
								   <span class="settingBtn" @click="handleEditSetContractEndTime" style="color: #999;" v-if="$store.getters.staffInfo.id!=ruleForm.staffId">设置</span>
								   <uni-datetime-picker v-model="ruleForm.contractEndTime" class="settingBtn" @change="handleEditSetContractEndTime" v-else>设置</uni-datetime-picker>
								</p>
								<p>到期提醒时间：<span v-if="ruleForm.contractTipEndTime == null" style="color:#999;">合同终止时间设置后，系统自动补全</span>
								   <span v-else>{{ ruleForm.contractTipEndTime }}</span></p>
							</view>

							<view class="item_p">
								<!-- 签约文件 --> 
								<view v-if="contractFile.length!==0">
									<view v-for="item,index in contractFile" :key="index">
										<span class="file-title">签约文件：</span>
										<p class="pdf_item">
											<i class="iconfont lock">&#xe615;</i>
											<span class="contact_name">{{item.name}}</span>
										</p>
									</view>
								</view>
								<!-- 附件文档 -->
								<view v-if="ByContract.length!==0">
									<view v-for="item,index in ByContract" :key="index">
										<span class="file-title">签约附件：</span>
										<p class="pdf_item">
											<i class="iconfont lock">&#xe615;</i>
											<span class="contact_name">{{item.name}}</span>
										</p>
									</view>
								</view>
								<view v-else><span class="file-title">附件文档：</span><span style="color:#999999;">暂无</span>
								</view>
								<p class="remark" v-if="$store.getters.staffInfo.id==startForm.contractSignFlowStarter.systemStaffId || $store.getters.staffInfo.id==startForm.contractSignFlowStarter.sealerId"><span class="file-title">私有备注：</span>
									<span v-if="ruleForm.remark">{{ruleForm.remark}}</span>
									<span v-else style="color:#999999;">暂无</span>
								</p>
							</view>
						</view> 
					</view>
					<view class="uni-padding-wrap uni-common-mt" style="margin:28rpx 0 15rpx;">
						<uni-segmented-control :current="current" :values="items" :active-color="activeColor"
							@clickItem="onClickItem" />
					</view>
					<view class="content">
						<!-- 签署详情 -->
						<view v-if="current === 0">
							<!--------------------------------   发起方   ---------------------------------->
							<view v-if="startForm.contractSignFlowStarter !== null">
								<!-- 待签署 -->
								<view
									v-if="startForm.contractSignFlowStarter.status == $enums.contract_sign_flow_status.WAIT || startForm.contractSignFlowStarter.status == $enums.contract_sign_flow_status.ONE ||startForm.contractSignFlowStarter.status == $enums.contract_sign_flow_status.START_WAIT ">
									<!-- signerType 0企业 1个人 -->
									<!-- 企业 -->
									<view v-if="startForm.contractSignFlowStarter.signerType == 0">
										<!-- 企业接收方查看发起方 -->
										<view class="h_uin"
											v-if="$store.getters.companyId !== startForm.contractSignFlowStarter.systemCompanyId">
											<view class="con_title">
												<view>发起方（企业）</view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(startForm.contractSignFlowStarter.status === 10?2:startForm.contractSignFlowStarter.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
													</template>
												</template>
											</view>
											<view class="greyBack">
												<view class="ji-h">{{startForm.contractSignFlowStarter.signCompany}}
													<companyGreen v-if="startForm.contractSignFlowStarter.iscertCom == 1"
														class="certiyImg" />
													<companyGray v-else class="certiyImg" />
													{{HidesignCreditCode(startForm.contractSignFlowStarter.signCreditCode)}}
												</view>
												<view class="ji-h flex_between">
													<view>经办人：{{startForm.contractSignFlowStarter.signerName}}
														<personalGreen
															v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
															class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{startForm.contractSignFlowStarter.signerMobile}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<span class="hurry"
														@click="sendMsg(startForm.contractSignFlowStarter)">催一下</span>
												</view>
											</view>
											<view class="ji-h" style="margin-top: 10rpx;">合同于 {{startForm.contractSignFlowStarter.createTime}} 发起
											</view>
										</view>
										<!-- 企业发起方查看自己 -->
										<view class="h_uin" v-else>
											<view class="con_title">
												<view>发起方（企业）</view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(startForm.contractSignFlowStarter.status === 10?2:startForm.contractSignFlowStarter.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
													</template>
												</template>
											</view>
											<view class="ji-h">{{startForm.contractSignFlowStarter.signCompany}}
												<companyGreen v-if="startForm.contractSignFlowStarter.iscertCom == 1"
													class="certiyImg" />
												<companyGray v-else class="certiyImg" />
												{{HidesignCreditCode(startForm.contractSignFlowStarter.signCreditCode)}}
											</view>
											<view class="ji-h">
												经办人：{{startForm.contractSignFlowStarter.signerName}}
												<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
													class="certiyImg" />
												<personalGray v-else class="certiyImg" />
												{{startForm.contractSignFlowStarter.signerMobile}}
											</view>
											<view class="ji-h">合同于 {{startForm.contractSignFlowStarter.createTime}} 发起
											</view>
											<view class="con_del">
												<!-- 企业印章 -->
												<view class="con_title">
													<view class="comapny_signName">企业印章</view>
												</view>
												<view class="im-line">
													<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
														<personalGreen
															v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
															class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{startForm.contractSignFlowStarter.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor"
														v-if="startForm.contractSignFlowStarter.sealStatus==1">已盖印章 <i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖印章 <i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
												<!-- 骑缝印章 -->
												<view class="con_title" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
													<view class="comapny_signName">骑缝印章</view>
												</view>
												<view class="im-line" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
													<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
														<personalGreen
															v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
															class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{startForm.contractSignFlowStarter.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor"
														v-if="startForm.contractSignFlowStarter.sealStatus==1">已盖印章 <i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖印章 <i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
												<!-- 授权人签字章 -->
												<view class="con_title"
													v-if="startForm.contractSignFlowStarter.isCompanySign == 1">
													<view class="comapny_signName">授权人签字章</view>
												</view>
												<view class="im-line"
													v-if="startForm.contractSignFlowStarter.isCompanySign == 1">
													<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
														<personalGreen
															v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
															class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{startForm.contractSignFlowStarter.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor"
														v-if="startForm.contractSignFlowStarter.signStatus==1">已盖签字章 <i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖签字章 <i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
											</view>
										</view>
									</view>
									<!-- 个人签署详情 -->
									<view v-else>
										<!-- 发起方查看发起方 -->
										<view class="h_uin"
											v-if="$store.getters.staffInfo.id == startForm.contractSignFlowStarter.systemStaffId">
											<view class="con_title">
												<view>发起方（个人）</view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(startForm.contractSignFlowStarter.status === 10?2:startForm.contractSignFlowStarter.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
													</template>
												</template>
											</view>
											<view class="ji-h">{{startForm.contractSignFlowStarter.signerName}}
												<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
													class="certiyImg" />
												<personalGray v-else class="certiyImg" />
												{{startForm.contractSignFlowStarter.signerMobile}}
											</view>
											<view class="ji-h"
												v-if="startForm.contractSignFlowStarter.updateTime != ''">合同于
												{{startForm.contractSignFlowStarter.createTime}} 发起</view>
											<!-- 个人签字章 -->
											<view class="con_del">
												<view class="con_title">
													<view class="comapny_signName">个人签字章</view>
												</view>
												<view class="im-line">
													<view class="ji-h">{{startForm.contractSignFlowStarter.signerName}}
														<personalGreen
															v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
															class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{startForm.contractSignFlowStarter.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor"
														v-if="startForm.contractSignFlowStarter.sealStatus==1">已盖签字章 <i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖签字章 <i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
											</view>
										</view>
										<!-- 接收方查看发起方 -->
										<view class="h_uin" v-else>
											<view class="con_title">
												<view>发起方（个人）</view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(startForm.contractSignFlowStarter.status === 10?2:startForm.contractSignFlowStarter.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
													</template>
												</template>
											</view>
												<view class="im-line">
													<view>
														{{startForm.contractSignFlowStarter.signerName}}
														<personalGreen
															v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
															class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{startForm.contractSignFlowStarter.signerMobile}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<span class="hurry"
														v-if="$store.getters.staffInfo.id !== startForm.contractSignFlowStarter.systemStaffId"
														@click="sendMsg(startForm.contractSignFlowStarter)">催一下</span>
												</view>
											
											<view class="ji-h" style="margin-top: 10rpx;"
												v-if="startForm.contractSignFlowStarter.updateTime != ''">合同于
												{{startForm.contractSignFlowStarter.createTime}} 发起</view>
										</view>
									</view>
								</view>

								<!-- 已签署 全通过-->
								<view
									v-if="startForm.contractSignFlowStarter.status == $enums.contract_sign_flow_status.OK || startForm.contractSignFlowStarter.status == $enums.contract_sign_flow_status.ALL_OK || startForm.contractSignFlowStarter.status == $enums.contract_sign_flow_status.SIGN_EXPIRED">
									<!-- 0企业 1个人 -->
									<!-- 特殊合同 例如 法人授权书合同 企业签署详情 -->
									<view class="h_uin" v-if="startForm.contractSignFlowStarter.transferFlag == 11">
										<view class="con_title">
											<view>发起方（企业）</view>
											<!-- 特殊合同不显示签署状态 -->
										</view>
										<view class="ji-h">{{startForm.contractSignFlowStarter.signCompany}}
											<companyGreen v-if="startForm.contractSignFlowStarter.iscertCom == 1"
												class="certiyImg" />
											<companyGray v-else class="certiyImg" />
											{{HidesignCreditCode(startForm.contractSignFlowStarter.signCreditCode)}}
										</view>
										<view class="ji-h" v-if="startForm.contractSignFlowStarter.updateTime != ''">合同于
											{{startForm.contractSignFlowStarter.createTime}} 发起</view>
									</view>
									<!-- 普通合同 企业签署详情 -->
									<view class="h_uin" v-if="startForm.contractSignFlowStarter.transferFlag != 11">
										<!-- 企业 -->
										<view v-if="startForm.contractSignFlowStarter.signerType == 0">
											<view class="con_title">
												<view>发起方（企业）</view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(startForm.contractSignFlowStarter.status === 10?2:startForm.contractSignFlowStarter.status) == dictItem.value">
														<span class="themeColor">{{dictItem.text}}</span>
														<span v-if="startForm.contractSignFlowStarter.isDelete == 1"
															class="errorColor">-已删除</span>
													</template>
												</template>
											</view>
											<view class="ji-h">{{startForm.contractSignFlowStarter.signCompany}}
												<companyGreen v-if="startForm.contractSignFlowStarter.iscertCom == 1"
													class="certiyImg" />
												<companyGray v-else class="certiyImg" />
												{{HidesignCreditCode(startForm.contractSignFlowStarter.signCreditCode)}}
											</view>
											<view class="ji-h">
												经办人：{{startForm.contractSignFlowStarter.signerName}}
												<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
													class="certiyImg" />
												<personalGray v-else class="certiyImg" />
												{{startForm.contractSignFlowStarter.signerMobile}}
											</view>
											<view class="ji-h"
												v-if="startForm.contractSignFlowStarter.updateTime != ''">合同于
												{{startForm.contractSignFlowStarter.createTime}} 发起</view>
											<view class="con_del">
												<!-- 企业印章 -->
												<view class="con_title">
													<view class="comapny_signName">企业印章</view>
													<view v-if="!!startForm.contractSignFlowStarter.sealTime"
														class="sign_time">
														签署时间：{{startForm.contractSignFlowStarter.sealTime}}</view>
												</view>
												<view class="im-line">
													<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
														<personalGreen
															v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
															class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{startForm.contractSignFlowStarter.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor"
														v-if="startForm.contractSignFlowStarter.sealStatus==1">已盖印章 <i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖印章 <i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
												<!-- 骑缝印章 -->
												<view class="con_title"
													v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
													<view class="comapny_signName">骑缝印章</view>
													<view v-if="!!startForm.contractSignFlowStarter.sealTime"
														class="sign_time">
														签署时间：{{startForm.contractSignFlowStarter.sealTime}}</view>
												</view>
												<view class="im-line"
													v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
													<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
														<personalGreen
															v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
															class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{startForm.contractSignFlowStarter.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor"
														v-if="startForm.contractSignFlowStarter.sealStatus==1">已盖印章 <i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖印章 <i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
												<!-- 授权人签字章 -->
												<view class="con_title"
													v-if="startForm.contractSignFlowStarter.isCompanySign == 1">
													<view class="comapny_signName"
														v-if="startForm.contractSignFlowStarter.isSysLegal == 0">
														授权人{{ startForm.contractSignFlowStarter.personSignType == 0 ? '手写签字章' : '标准签字章' }}
													</view>
													<view class="comapny_signName" v-else>法定代表人签字章</view>
													<view v-if="!!startForm.contractSignFlowStarter.sealTime"
														class="sign_time">
														签署时间：{{startForm.contractSignFlowStarter.sealTime}}</view>
												</view>
												<view class="im-line"
													v-if="startForm.contractSignFlowStarter.isCompanySign == 1">
													<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
														<personalGreen
															v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
															class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{startForm.contractSignFlowStarter.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor"
														v-if="startForm.contractSignFlowStarter.signStatus==1">已盖签字章 <i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖签字章 <i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
											</view>
										</view>
										<!-- 个人 -->
										<view v-else>
											<view class="con_title">
												<view>发起方（个人）</view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(startForm.contractSignFlowStarter.status === 10?2:startForm.contractSignFlowStarter.status) == dictItem.value">
														<span class="themeColor">{{dictItem.text}}</span><span
															v-if="startForm.contractSignFlowStarter.isDelete == 1"
															class="errorColor">-已删除</span>
													</template>
												</template>
											</view>
											<view class="ji-h">{{startForm.contractSignFlowStarter.signerName}}
												<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
													class="certiyImg" />
												<personalGray v-else class="certiyImg" />
												{{startForm.contractSignFlowStarter.signerMobile}}
											</view>
											<view class="ji-h"
												v-if="startForm.contractSignFlowStarter.updateTime != ''">合同于
												{{startForm.contractSignFlowStarter.createTime}} 发起</view>
											<!-- 个人签字章 -->
											<view class="con_del">
												<view class="con_title">
													<view class="comapny_signName"
														v-if="startForm.contractSignFlowStarter.personSignType == 0">
														手写签字章</view>
													<view class="comapny_signName" v-else>标准签字章</view>
													<view v-if="!!startForm.contractSignFlowStarter.sealTime"
														class="sign_time">
														签署时间：{{ startForm.contractSignFlowStarter.sealTime }}</view>
												</view>
												<view class="im-line">
													<view class="ji-h">{{startForm.contractSignFlowStarter.signerName}}
														<personalGreen
															v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
															class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{startForm.contractSignFlowStarter.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor"
														v-if="startForm.contractSignFlowStarter.sealStatus==1">已盖签字章 <i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖签字章 <i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
											</view>
										</view>
									</view>
								</view>

								<!-- 拒签 -->
								<view
									v-if="startForm.contractSignFlowStarter.status == $enums.contract_sign_flow_status.REJECT">
									<!-- 企业 -->
									<view class="h_uin" v-if="startForm.contractSignFlowStarter.signerType == 0">
										<view class="con_title">
											<view>发起方（企业）
											<uni-tooltip :content="startForm.contractSignFlowStarter.rejectReason == null?'暂无':startForm.contractSignFlowStarter.rejectReason"><span class="hurry">拒签原因</span></uni-tooltip>
											</view>
											<template v-if="startForm.contractSignFlowStarter.isReject ===1">
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(startForm.contractSignFlowStarter.status === $enums.contract_sign_flow_status.ALL_OK?$enums.contract_sign_flow_status.OK:startForm.contractSignFlowStarter.status)===dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
														<span v-if="startForm.contractSignFlowStarter.isDelete == 1"
															class="errorColor">-已删除</span>
													</template>
												</template>
											</template>
											<span
												v-if="startForm.contractSignFlowStarter.isReject ===0 && startForm.contractSignFlowStarter.signStatus==1"
												class="themeColor">已签署</span>
										</view>
										<view class="ji-h">
											{{startForm.contractSignFlowStarter.signCompany}}
											<companyGreen v-if="startForm.contractSignFlowStarter.iscertCom == 1"
												class="certiyImg" />
											<companyGray v-else class="certiyImg" />
											{{HidesignCreditCode(startForm.contractSignFlowStarter.signCreditCode)}}
										</view>
										<view class="ji-h">经办人：{{startForm.contractSignFlowStarter.signerName}}
											<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
												class="certiyImg" />
											<personalGray v-else class="certiyImg" />
											{{startForm.contractSignFlowStarter.signerMobile}}
										</view>
										<view class="ji-h" v-if="startForm.contractSignFlowStarter.updateTime != ''">合同于
											{{startForm.contractSignFlowStarter.createTime}} 发起</view>
										<view class="con_del">
											<!-- 企业印章 -->
											<view class="con_title">
												<view class="comapny_signName">企业印章</view>
											</view>
											<view class="im-line">
												<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor"
													v-if="startForm.contractSignFlowStarter.signStatus==1">已盖印章 <i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖印章 <i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
											<!-- 骑缝印章 -->
											<view class="con_title" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
												<view class="comapny_signName">骑缝印章</view>
											</view>
											<view class="im-line" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
												<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor"
													v-if="startForm.contractSignFlowStarter.signStatus==1">已盖印章 <i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖印章 <i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
											<!-- 授权人签字章 -->
											<view class="con_title"
												v-if="startForm.contractSignFlowStarter.isCompanySign == 1">
												<view class="comapny_signName"
													v-if="startForm.contractSignFlowStarter.isSysLegal == 0">授权人签字章
												</view>
												<view class="comapny_signName" v-else>法定代表人签字章</view>
											</view>
											<view class="im-line"
												v-if="startForm.contractSignFlowStarter.isCompanySign == 1">
												<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor"
													v-if="startForm.contractSignFlowStarter.signStatus==1">已盖签字章 <i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖签字章 <i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
										</view>
									</view>
									<!-- 个人 -->
									<view class="h_uin" v-if="startForm.contractSignFlowStarter.signerType == 1">
										<view class="con_title">
											<view>发起方（个人）
											<uni-tooltip :content="startForm.contractSignFlowStarter.rejectReason == null?'暂无':startForm.contractSignFlowStarter.rejectReason"><span class="hurry">拒签原因</span></uni-tooltip>
											</view>
											<template v-if="startForm.contractSignFlowStarter.isReject ===1">
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(startForm.contractSignFlowStarter.status === $enums.contract_sign_flow_status.ALL_OK?$enums.contract_sign_flow_status.OK:startForm.contractSignFlowStarter.status)===dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
														<span v-if="startForm.contractSignFlowStarter.isDelete == 1"
															class="errorColor">-已删除</span>
													</template>
												</template>
											</template>
											<span
												v-if="startForm.contractSignFlowStarter.isReject ===0 && startForm.contractSignFlowStarter.signStatus==1"
												class="themeColor">已签署</span>
										</view>
										<view class="ji-h">{{startForm.contractSignFlowStarter.signerName}}
											<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
												class="certiyImg" />
											<personalGray v-else class="certiyImg" />
											{{startForm.contractSignFlowStarter.signerMobile}}
										</view>
										<view class="ji-h">合同于 {{startForm.contractSignFlowStarter.createTime}} 发起
										</view>
										<view class="con_del">
											<view class="con_title">
												<view v-if="startForm.contractSignFlowStarter.personSignType == 0"
													class="comapny_signName">手写签字章</view>
												<view v-else class="comapny_signName">标准签字章</view>
											</view>
											<view class="im-line">
												<view class="ji-h">{{startForm.contractSignFlowStarter.signerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor"
													v-if="startForm.contractSignFlowStarter.sealStatus==1">已盖签字章 <i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖签字章 <i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
										</view>
									</view>
								</view>

								<!-- 撤回 -->
								<view
									v-if="startForm.contractSignFlowStarter.status == $enums.contract_sign_flow_status.REVOKE">
									<!-- 企业 -->
									<view class="h_uin" v-if="startForm.contractSignFlowStarter.signerType == 0">
										<view class="con_title">
											<view>发起方（企业）</view>
											<view>
											<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
												<template
													v-if="startForm.contractSignFlowStarter.status == dictItem.value">
													<span class="errorColor">{{dictItem.text}}</span>
													<span v-if="startForm.contractSignFlowStarter.isDelete == 1"
														class="errorColor">-已删除</span>
												</template>
											</template>
											</view>
										</view>
										<view class="ji-h">
											{{startForm.contractSignFlowStarter.signCompany}}
											<companyGreen v-if="startForm.contractSignFlowStarter.iscertCom == 1"
												class="certiyImg" />
											<companyGray v-else class="certiyImg" />
											{{HidesignCreditCode(startForm.contractSignFlowStarter.signCreditCode)}}
										</view>
										<view class="ji-h">经办人：{{startForm.contractSignFlowStarter.signerName}}
											<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
												class="certiyImg" />
											<personalGray v-else class="certiyImg" />
											{{startForm.contractSignFlowStarter.signerMobile}}
										</view>
										<view class="ji-h" v-if="startForm.contractSignFlowStarter.updateTime != ''">合同于
											{{startForm.contractSignFlowStarter.revokeTime}} 发起</view>
										<view class="con_del">
											<!-- 企业印章 -->
											<view class="con_title">
												<view class="comapny_signName">企业印章</view>
												<view class="sign_time"
													v-if="!!startForm.contractSignFlowStarter.sealTime">
													签署时间：{{startForm.contractSignFlowStarter.sealTime}}</view>
											</view>
											<view class="im-line">
												<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor"
													v-if="startForm.contractSignFlowStarter.signStatus==1">已盖印章 <i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖印章 <i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
											<!-- 骑缝印章 -->
											<view class="con_title" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
												<view class="comapny_signName">骑缝印章</view>
												<view class="sign_time"
													v-if="!!startForm.contractSignFlowStarter.sealTime">
													签署时间：{{startForm.contractSignFlowStarter.sealTime}}</view>
											</view>
											<view class="im-line" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
												<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor"
													v-if="startForm.contractSignFlowStarter.signStatus==1">已盖印章 <i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖印章 <i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
											<!-- 授权人签字章 -->
											<view class="con_title"
												v-if="startForm.contractSignFlowStarter.isCompanySign == 1">
												<view class="comapny_signName"
													v-if="startForm.contractSignFlowStarter.isSysLegal == 0">授权人签字章
												</view>
												<view class="comapny_signName" v-else>法定代表人签字章</view>
												<view class="sign_time"
													v-if="!!startForm.contractSignFlowStarter.sealTime">
													签署时间：{{startForm.contractSignFlowStarter.sealTime}}</view>
											</view>
											<view class="im-line"
												v-if="startForm.contractSignFlowStarter.isCompanySign == 1">
												<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor"
													v-if="startForm.contractSignFlowStarter.signStatus==1">已盖签字章 <i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖签字章 <i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
										</view>
									</view>
									<!-- 个人 -->
									<view class="h_uin" v-if="startForm.contractSignFlowStarter.signerType == 1">
										<view class="con_title">
											<view>发起方（个人）</view>
											<view>
											<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
												<template
													v-if="startForm.contractSignFlowStarter.status == dictItem.value">
													<span class="errorColor">{{dictItem.text}}</span>
													<span v-if="startForm.contractSignFlowStarter.isDelete == 1"
														class="errorColor">-已删除</span>
												</template>
											</template>
											</view>
										</view>
										<view class="ji-h">{{startForm.contractSignFlowStarter.signerName}}
											<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
												class="certiyImg" />
											<personalGray v-else class="certiyImg" />
											{{startForm.contractSignFlowStarter.signerMobile}}
										</view>
										<view class="ji-h" v-if="startForm.contractSignFlowStarter.updateTime != ''">合同于
											{{startForm.contractSignFlowStarter.createTime}} 发起</view>
										<view class="con_del">
											<view class="con_title">
												<view v-if="startForm.contractSignFlowStarter.personSignType == 0"
													class="comapny_signName">手写签字章</view>
												<view v-else class="comapny_signName">标准签字章</view>
												<view class="sign_time"
													v-if="!!startForm.contractSignFlowStarter.sealTime">
													签署时间：{{startForm.contractSignFlowStarter.sealTime}}</view>
											</view>
											<view class="im-line">
												<view class="ji-h">{{startForm.contractSignFlowStarter.signerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor"
													v-if="startForm.contractSignFlowStarter.sealStatus==1">已盖签字章 <i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖签字章 <i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
										</view>
									</view>
								</view>

								<!-- 解约 -->
								<view
									v-if="startForm.contractSignFlowStarter.status == $enums.contract_sign_flow_status.RESCIND">
									<!-- 企业 -->
									<view class="h_uin" v-if="startForm.contractSignFlowStarter.signerType == 0">
										<view class="con_title">
											<view>发起方（企业）</view>
											<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
												<template
													v-if="(startForm.contractSignFlowStarter.status === 10?2:startForm.contractSignFlowStarter.status) == dictItem.value">
													<span class="errorColor">{{dictItem.text}}</span>
												</template>
											</template>
										</view>
										<view class="ji-h">
											{{startForm.contractSignFlowStarter.signCompany}}
											<companyGreen v-if="startForm.contractSignFlowStarter.iscertCom == 1"
												class="certiyImg" />
											<companyGray v-else class="certiyImg" />
											{{HidesignCreditCode(startForm.contractSignFlowStarter.signCreditCode)}}
										</view>
										<view class="ji-h">经办人：{{startForm.contractSignFlowStarter.signerName}}
											<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
												class="certiyImg" />
											<personalGray v-else class="certiyImg" />
											{{startForm.contractSignFlowStarter.signerMobile}}
										</view>
										<view class="ji-h" v-if="startForm.contractSignFlowStarter.updateTime != ''">合同于
											{{startForm.contractSignFlowStarter.updateTime}} 解约</view>
										<view class="con_del">
											<!-- 企业印章 -->
											<view class="con_title">
												<view class="comapny_signName">企业印章</view>
												<view class="sign_time"
													v-if="!!startForm.contractSignFlowStarter.sealTime">
													签署时间：{{startForm.contractSignFlowStarter.sealTime}}</view>
											</view>
											<view class="im-line">
												<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor">已盖印章 <i class="iconfont status_pass">&#xe69e;</i>
												</view>
											</view>
											<!-- 骑缝印章 -->
											<view class="con_title" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
												<view class="comapny_signName">骑缝印章</view>
												<view class="sign_time"
													v-if="!!startForm.contractSignFlowStarter.sealTime">
													签署时间：{{startForm.contractSignFlowStarter.sealTime}}</view>
											</view>
											<view class="im-line" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
												<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor">已盖印章 <i class="iconfont status_pass">&#xe69e;</i>
												</view>
											</view>
											<!-- 授权人签字章 -->
											<view class="con_title"
												v-if="startForm.contractSignFlowStarter.isCompanySign == 1">
												<view class="comapny_signName"
													v-if="startForm.contractSignFlowStarter.isSysLegal == 0">授权人签字章
												</view>
												<view class="comapny_signName" v-else>法定代表人签字章</view>
												<view class="sign_time"
													v-if="!!startForm.contractSignFlowStarter.sealTime">
													签署时间：{{startForm.contractSignFlowStarter.sealTime}}</view>
											</view>
											<view class="im-line"
												v-if="startForm.contractSignFlowStarter.isCompanySign == 1">
												<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor">已盖签字章 <i class="iconfont status_pass">&#xe69e;</i>
												</view>
											</view>
										</view>

									</view>
									<!-- 个人 -->
									<view class="h_uin" v-if="startForm.contractSignFlowStarter.signerType == 1">
										<view class="con_title">
											<view>发起方（个人）</view>
											<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
												<template
													v-if="(startForm.contractSignFlowStarter.status === 10?2:startForm.contractSignFlowStarter.status) == dictItem.value">
													<span class="errorColor">{{dictItem.text}}</span>
												</template>
											</template>
										</view>
										<view class="ji-h">{{startForm.contractSignFlowStarter.signerName}}
											<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
												class="certiyImg" />
											<personalGray v-else class="certiyImg" />
											{{startForm.contractSignFlowStarter.signerMobile}}
										</view>
										<view class="ji-h" v-if="startForm.contractSignFlowStarter.updateTime != ''">合同于
											{{startForm.contractSignFlowStarter.createTime}} 发起</view>
										<view class="con_del">
											<view class="con_title">
												<view v-if="startForm.contractSignFlowStarter.personSignType == 0"
													class="comapny_signName">手写签字章</view>
												<view v-else class="comapny_signName">标准签字章</view>
												<view class="sign_time"
													v-if="!!startForm.contractSignFlowStarter.sealTime">
													签署时间：{{startForm.contractSignFlowStarter.sealTime}}</view>
											</view>
											<view class="im-line">
												<view class="ji-h">{{startForm.contractSignFlowStarter.signerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor"
													v-if="startForm.contractSignFlowStarter.sealStatus==1">已盖签字章 <i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖签字章 <i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
										</view>

									</view>
								</view>

								<!-- 已逾期 -->
								<view
									v-if="startForm.contractSignFlowStarter.status == $enums.contract_sign_flow_status.OUT_DATE">
									<!-- 企业 -->
									<view class="h_uin" v-if="startForm.contractSignFlowStarter.signerType == 0">
										<view class="con_title">
											<view>发起方（企业）</view>
											<view v-if="startForm.contractSignFlowStarter.signStatus===0">
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="startForm.contractSignFlowStarter.status == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
														<span v-if="startForm.contractSignFlowStarter.isDelete"
															class="errorColor">-已删除</span>
													</template>
												</template>
											</view>
											<span v-if="startForm.contractSignFlowStarter.signStatus==1"
												class="themeColor">已签署</span>
										</view>
										<view class="ji-h">
											{{startForm.contractSignFlowStarter.signCompany}}
											<companyGreen v-if="startForm.contractSignFlowStarter.iscertCom == 1"
												class="certiyImg" />
											<companyGray v-else class="certiyImg" />
											{{HidesignCreditCode(startForm.contractSignFlowStarter.signCreditCode)}}
										</view>
										<view class="ji-h">经办人：{{startForm.contractSignFlowStarter.signerName}}
											<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
												class="certiyImg" />
											<personalGray v-else class="certiyImg" />
											{{startForm.contractSignFlowStarter.signerMobile}}
										</view>
										<view class="ji-h" v-if="startForm.contractSignFlowStarter.updateTime != ''">合同于
											{{startForm.contractSignFlowStarter.updateTime}} 发起</view>
										<view class="con_del">
											<!-- 企业印章 -->
											<view class="con_title">
												<view class="comapny_signName">企业印章</view>
												<view class="sign_time"
													v-if="!!startForm.contractSignFlowStarter.sealTime">
													签署时间：{{startForm.contractSignFlowStarter.sealTime}}</view>
											</view>
											<view class="im-line">
												<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor"
													v-if="startForm.contractSignFlowStarter.signStatus==1">已盖印章<i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖印章<i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
											<!-- 骑缝印章 -->
											<view class="con_title"
												v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
												<view class="comapny_signName">骑缝印章</view>
												<view class="sign_time"
													v-if="!!startForm.contractSignFlowStarter.sealTime">
													签署时间：{{startForm.contractSignFlowStarter.sealTime}}</view>
											</view>
											<view class="im-line"
												v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
												<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor"
													v-if="startForm.contractSignFlowStarter.signStatus==1">已盖印章<i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖印章<i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
											<!-- 授权人签字章 -->
											<view class="con_title"
												v-if="startForm.contractSignFlowStarter.isCompanySign == 1">
												<view class="comapny_signName"
													v-if="startForm.contractSignFlowStarter.isSysLegal == 0">授权人签字章
												</view>
												<view class="comapny_signName" v-else>法定代表人签字章</view>
												<view class="sign_time"
													v-if="!!startForm.contractSignFlowStarter.sealTime">
													签署时间：{{startForm.contractSignFlowStarter.sealTime}}</view>
											</view>
											<view class="im-line"
												v-if="startForm.contractSignFlowStarter.isCompanySign == 1">
												<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor"
													v-if="startForm.contractSignFlowStarter.signStatus==1">已盖印章<i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖印章<i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
										</view>

									</view>
									<!-- 个人 -->
									<view class="h_uin" v-if="startForm.contractSignFlowStarter.signerType == 1">
										<view v-if="$store.getters.staffInfo.id == startForm.contractSignFlowStarter.systemStaffId">
											<view class="con_title">
												<view>发起方（个人）</view>
												<view v-if="startForm.contractSignFlowStarter.signStatus===0">
													<template
														v-for="(dictItem, index) in dicts.contract_sign_flow_status">
														<template v-if="startForm.contractSignFlowStarter.status == dictItem.value">
															<span class="errorColor">{{dictItem.text}}</span>
															<span v-if="startForm.contractSignFlowStarter.isDelete" class="errorColor">-已删除</span>
														</template>
													</template>
												</view>
												<span v-if="startForm.contractSignFlowStarter.signStatus==1" class="themeColor">已签署</span>
											</view>
											<view class="ji-h">{{startForm.contractSignFlowStarter.signerName}}
												<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1" class="certiyImg" />
												<personalGray v-else class="certiyImg" />
												{{startForm.contractSignFlowStarter.signerMobile}}
											</view>
											<view class="ji-h" v-if="!!startForm.contractSignFlowStarter.receiveTime">合同于 {{startForm.contractSignFlowStarter.receiveTime}} 发起
											</view>
											<view class="con_del">
												<view class="con_title">
													<view v-if="startForm.contractSignFlowStarter.personSignType == 0" class="comapny_signName">手写签字章
													</view>
													<view v-else class="comapny_signName">标准签字章</view>
													<view class="sign_time" v-if="startForm.contractSignFlowStarter.signStatus==1">
														签署时间：{{startForm.contractSignFlowStarter.sealTime}}</view>
													<view class="sign_time" v-else>逾期时间：{{startForm.contractSignFlowStarter.signExpiryDate}}</view>
												</view>
												<view class="im-line">
													<view class="ji-h">{{startForm.contractSignFlowStarter.signerName}}
														<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1" class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{startForm.contractSignFlowStarter.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor" v-if="startForm.contractSignFlowStarter.signStatus==1">已盖签字章 <i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖签字章 <i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
											</view>
										</view>
										<view v-else>
											<view class="con_title">
												<view>发起方（个人）<span @click="reciveChange(startForm.contractSignFlowStarter,index)" class="change_div" v-if="showChange">修改</span></view>
												<view v-if="startForm.contractSignFlowStarter.signStatus===0">
													<template
														v-for="(dictItem, index) in dicts.contract_sign_flow_status">
														<template v-if="startForm.contractSignFlowStarter.status == dictItem.value">
															<span class="errorColor">{{dictItem.text}}</span>
															<span v-if="startForm.contractSignFlowStarter.isDelete" class="errorColor">-已删除</span>
														</template>
													</template>
												</view>
												<span v-if="startForm.contractSignFlowStarter.signStatus==1" class="themeColor">已签署</span>
											</view>
											<view class="ji-h flex_between">
												<view>
													{{startForm.contractSignFlowStarter.signerName}}
													<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.signerMobile}}
												</view>
												<i class="iconfont faceIcon-gray"
													v-if="ruleForm.isFace == 1">&#xe69a;</i>
											</view>
											<view class="ji-h" v-if="!!startForm.contractSignFlowStarter.receiveTime">合同于 {{startForm.contractSignFlowStarter.receiveTime}} 发起
											</view>
										</view>
										
									</view>
								</view>

								<!-- 已失效 -->
								<view
									v-if="startForm.contractSignFlowStarter.status == $enums.contract_sign_flow_status.EXPIRED">
									<!-- 企业 -->
									<view v-if="startForm.contractSignFlowStarter.signerType == 0">
										<!-- 企业接收方查看发起方 -->
										<view class="h_uin"
											v-if="$store.getters.companyId !== startForm.contractSignFlowStarter.systemCompanyId">
											<view class="con_title">
												<view>发起方（企业）</view>
												<view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(startForm.contractSignFlowStarter.status === 10?2:startForm.contractSignFlowStarter.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
														<span class="errorColor"
															v-if="startForm.contractSignFlowStarter.isDelete == 1">-已删除</span>
													</template>
												</template>
												</view>
											</view>
											<view class="greyBack">
											  <view class="ji-h">{{startForm.contractSignFlowStarter.signCompany}}
											  	<companyGreen v-if="startForm.contractSignFlowStarter.iscertCom == 1"
											  		class="certiyImg" />
											  	<companyGray v-else class="certiyImg" />
											  	{{HidesignCreditCode(startForm.contractSignFlowStarter.signCreditCode)}}
											  </view>
											  <view class="ji-h flex_between">
											  	<view>经办人：{{startForm.contractSignFlowStarter.signerName}}
											  		<personalGreen
											  			v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
											  			class="certiyImg" />
											  		<personalGray v-else class="certiyImg" />
											  		{{startForm.contractSignFlowStarter.signerMobile}}
											  		<i class="iconfont faceIcon-gray"
											  			v-if="ruleForm.isFace == 1">&#xe69a;</i>
											  	</view>
											  </view>
											</view>
											<view class="ji-h" style="margin-top: 10rpx;">合同于 {{startForm.contractSignFlowStarter.createTime}} 发起
											</view>
										</view>
										<!-- 企业发起方查看自己 -->
										<view class="h_uin" v-else>
											<view class="con_title">
												<view>发起方（企业）</view>
												<view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(startForm.contractSignFlowStarter.status === 10?2:startForm.contractSignFlowStarter.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
														<span class="errorColor"
															v-if="startForm.contractSignFlowStarter.isDelete == 1">-已删除</span>
													</template>
												</template>
												</view>
											</view>
											<view class="ji-h">{{startForm.contractSignFlowStarter.signCompany}}
												<companyGreen v-if="startForm.contractSignFlowStarter.iscertCom == 1"
													class="certiyImg" />
												<companyGray v-else class="certiyImg" />
												{{HidesignCreditCode(startForm.contractSignFlowStarter.signCreditCode)}}
											</view>
											<view class="ji-h">
												经办人：{{startForm.contractSignFlowStarter.signerName}}
												<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
													class="certiyImg" />
												<personalGray v-else class="certiyImg" />
												{{startForm.contractSignFlowStarter.signerMobile}}
											</view>
											<view class="ji-h">合同于 {{startForm.contractSignFlowStarter.createTime}} 发起
											</view>
											<view class="con_del">
												<!-- 企业印章 -->
												<view class="con_title">
													<view class="comapny_signName">企业印章</view>
												</view>
												<view class="im-line">
													<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
														<personalGreen
															v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
															class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{startForm.contractSignFlowStarter.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor"
														v-if="startForm.contractSignFlowStarter.sealStatus==1">已盖印章 <i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖印章 <i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
												<!-- 骑缝印章 -->
												<view class="con_title"
													v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
													<view class="comapny_signName">骑缝印章</view>
												</view>
												<view class="im-line"
													v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
													<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
														<personalGreen
															v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
															class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{startForm.contractSignFlowStarter.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor"
														v-if="startForm.contractSignFlowStarter.sealStatus==1">已盖印章 <i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖印章 <i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
												<!-- 授权人签字章 -->
												<view class="con_title"
													v-if="startForm.contractSignFlowStarter.isCompanySign == 1">
													<view class="comapny_signName"
														v-if="startForm.contractSignFlowStarter.isSysLegal == 0">授权人签字章
													</view>
													<view class="comapny_signName" v-else>法定代表人签字章</view>
												</view>
												<view class="im-line"
													v-if="startForm.contractSignFlowStarter.isCompanySign == 1">
													<view class="ji-h">{{startForm.contractSignFlowStarter.sealerName}}
														<personalGreen
															v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
															class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{startForm.contractSignFlowStarter.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor"
														v-if="startForm.contractSignFlowStarter.signStatus==1">已盖签字章 <i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖签字章 <i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
											</view>
										</view>
									</view>
									<!-- 个人签署详情 -->
									<view v-else>
										<!-- 发起方查看发起方 -->
										<view class="h_uin"
											v-if="$store.getters.staffInfo.id == startForm.contractSignFlowStarter.systemStaffId">
											<view class="con_title">
												<view>发起方（个人）</view>
												<view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(startForm.contractSignFlowStarter.status === 10?2:startForm.contractSignFlowStarter.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
														<span class="errorColor"
															v-if="startForm.contractSignFlowStarter.isDelete == 1">-已删除</span>
													</template>
												</template>
												</view>
											</view>
											<view class="ji-h">{{startForm.contractSignFlowStarter.signerName}}
												<personalGreen v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
													class="certiyImg" />
												<personalGray v-else class="certiyImg" />
												{{startForm.contractSignFlowStarter.signerMobile}}
											</view>
											<view class="ji-h"
												v-if="startForm.contractSignFlowStarter.updateTime != ''">合同于
												{{startForm.contractSignFlowStarter.createTime}} 发起</view>
											<!-- 个人签字章 -->
											<view class="con_del">
												<view class="con_title">
													<view class="comapny_signName">个人签字章</view>
												</view>
												<view class="im-line">
													<view class="ji-h">{{startForm.contractSignFlowStarter.signerName}}
														<personalGreen
															v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
															class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{startForm.contractSignFlowStarter.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor"
														v-if="startForm.contractSignFlowStarter.sealStatus==1">已盖签字章 <i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖签字章 <i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
											</view>
										</view>
										<!-- 接收方查看发起方 -->
										<view class="h_uin" v-else>
											<view class="con_title">
												<view>发起方（个人）</view>
												<view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(startForm.contractSignFlowStarter.status === 10?2:startForm.contractSignFlowStarter.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
														<span class="errorColor"
															v-if="startForm.contractSignFlowStarter.isDelete == 1">-已删除</span>
													</template>
												</template>
											</view>
											</view>
											<view class="im-line">
												<view class="ji-h">
													{{startForm.contractSignFlowStarter.signerName}}
													<personalGreen
														v-if="startForm.contractSignFlowStarter.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{startForm.contractSignFlowStarter.signerMobile}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<span class="hurry"
													v-if="$store.getters.staffId !== startForm.contractSignFlowStarter.systemStaffId"
													@click="sendMsg(startForm.contractSignFlowStarter)">催一下</span>
											</view>
											<view class="ji-h"
												v-if="startForm.contractSignFlowStarter.updateTime != ''">合同于
												{{startForm.contractSignFlowStarter.createTime}} 发起</view>
										</view>
									</view>
								</view>
							</view>

							<!--------------------------------    接收方   -------------------------------->
							<view v-for="(flow,index) in startForm.contractSignFlowList" :key="'tab-boxs-'+ index">
								<!-- 待签署 -->
								<view v-if="flow.status == $enums.contract_sign_flow_status.WAIT || flow.status == $enums.contract_sign_flow_status.ONE ">
									<!-- signerType 0企业 1个人 -->
									<!-- 企业 -->
									<view v-if="flow.signerType == 0">
										<!-- 企业接收方查看发起方 -->
										<view class="h_uin"
											v-if="$store.getters.companyId !== flow.systemCompanyId">
											<view class="con_title">
												<view>接收方（企业）<span @click="reciveChange(flow,index)" class="change_div"
														v-if="showChange">修改</span></view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(flow.status === 10?2:flow.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
													</template>
												</template>
											</view>
											<view class="greyBack">
												<view class="ji-h">{{flow.signCompany}}
													<companyGreen v-if="flow.iscertCom == 1" class="certiyImg" />
													<companyGray v-else class="certiyImg" />
													{{HidesignCreditCode(flow.signCreditCode)}}
												</view>
												
												<view class="ji-h flex_between">
													<view>经办人：{{flow.signerName}}
														<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{flow.signerMobile}}
														<i class="iconfont faceIcon-gray" v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view  v-if="!!flow.receiveTime">
													<!-- 复制链接 -->
													<i class="iconfont shareIcon" @click="copySignUrl(flow)">&#xe651;</i>
													<span class="hurry" @click="sendMsg(flow)">催一下</span>
													</view>
												</view>
											</view>
											<view class="ji-h" v-if="!!flow.receiveTime" style="margin-top: 10rpx;">合同于 {{flow.receiveTime}} 接收</view>
										</view>
										<!-- 企业接收方查看自己 -->
										<view class="h_uin" v-else>
											<view class="con_title">
												<view>接收方（企业）</view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(flow.status === 10?2:flow.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
													</template>
												</template>
											</view>
											<view class="ji-h">{{flow.signCompany}}
												<companyGreen v-if="flow.iscertCom == 1" class="certiyImg" />
												<companyGray v-else class="certiyImg" />
												{{HidesignCreditCode(flow.signCreditCode)}}
											</view>
											<view class="ji-h">
												经办人：{{flow.signerName}}
												<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
												<personalGray v-else class="certiyImg" />
												{{flow.signerMobile}}
											</view>
											<view class="ji-h" v-if="!!flow.receiveTime">合同于 {{flow.receiveTime}} 发起
											</view>
											<view class="con_del">
												<!-- 企业印章 -->
												<view class="con_title">
													<view class="comapny_signName">企业印章</view>
												</view>
												<view class="im-line">
													<view class="ji-h">{{flow.sealerName}}
														<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{flow.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h">未盖印章 <i class="iconfont no_pass">&#xe69e;</i>
													</view>
												</view>
												<!-- 骑缝印章 -->
												<view class="con_title" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
													<view class="comapny_signName">骑缝印章</view>
												</view>
												<view class="im-line" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
													<view class="ji-h">{{flow.sealerName}}
														<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{flow.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h">未盖印章 <i class="iconfont no_pass">&#xe69e;</i>
													</view>
												</view>
												<!-- 授权人签字章 -->
												<view class="con_title" v-if="flow.isCompanySign == 1">
													<view class="comapny_signName" v-if="flow.isSysLegal == 0">授权人签字章
													</view>
													<view class="comapny_signName" v-else>法定代表人签字章</view>
												</view>
												<view class="im-line" v-if="flow.isCompanySign == 1">
													<view class="ji-h">{{flow.sealerName}}
														<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{flow.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h">未盖签字章 <i class="iconfont no_pass">&#xe69e;</i>
													</view>
												</view>
											</view>

										</view>

									</view>

									<!-- 个人签署详情 -->
									<view v-else>
										<!-- 接收方查看自己 -->
										<view class="h_uin" v-if="$store.getters.staffInfo.id == flow.systemStaffId">
											<view class="con_title">
												<view>接收方（个人）</view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(flow.status === 10?2:flow.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
													</template>
												</template>
											</view>
											<view class="ji-h">{{flow.signerName}}
												<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
												<personalGray v-else class="certiyImg" />
												{{flow.signerMobile}}
											</view>
											<view class="ji-h" v-if="!!flow.receiveTime">合同于 {{flow.receiveTime}} 接收
											</view>
											<!-- 个人签字章 -->
											<view class="con_del">
												<view class="con_title">
													<view class="comapny_signName">个人签字章</view>
												</view>
												<view class="im-line">
													<view class="ji-h">{{flow.signerName}}
														<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{flow.sealerIdNumber}}
														<i class="iconfont faceIcon-gray" v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<!-- <view class="ji-h">
														<i class="iconfont shareIcon" @click="copySignUrl(flow)">&#xe651;</i>
														未盖签字章 <i class="iconfont no_pass">&#xe69e;</i>
													</view> -->
													<template v-if="!!flow.receiveTime">
													  <view class="ji-h" v-if="!$store.getters.staffInfo.company && $store.getters.staffInfo.id !== flow.systemStaffId"> 
														<!-- 复制链接 -->
														<i class="iconfont shareIcon" @click="copySignUrl(flow)">&#xe651;</i>
														<span class="hurry" @click="sendMsg(flow)">催一下</span>
													  </view>
													  <view class="ji-h" v-else-if="$store.getters.staffInfo.company && $store.getters.staffInfo.companyId !== flow.systemCompanyId">
													  	<!-- 复制链接 -->
													  	<i class="iconfont shareIcon" @click="copySignUrl(flow)">&#xe651;</i>
													  	<span class="hurry" @click="sendMsg(flow)">催一下</span>											
													  </view>
													  <view class="ji-h" v-else>未盖签字章 <i class="iconfont no_pass">&#xe69e;</i></view>
													</template>
												</view>
											</view>

										</view>
										<!-- 接收方查看其他接收方 -->
										<view class="h_uin" v-else>
											<view class="con_title">
												<view>接收方（个人）<span @click="reciveChange(flow,index)" class="change_div"
														v-if="showChange">修改</span></view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(flow.status === 10?2:flow.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
													</template>
												</template>
											</view>
											<view class="im-line">
												<view class="ji-h">
													{{flow.signerName}}
													<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.signerMobile}}
													<i class="iconfont faceIcon-gray" v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<template v-if="!!flow.receiveTime">
												  <view class="ji-h" v-if="!$store.getters.staffInfo.company && $store.getters.staffInfo.id !== flow.systemStaffId"> 
													<!-- 复制链接 -->
													<i class="iconfont shareIcon" @click="copySignUrl(flow)">&#xe651;</i>
													<span class="hurry" @click="sendMsg(flow)">催一下</span>
												  </view>
												  <view class="ji-h" v-else-if="$store.getters.staffInfo.company && $store.getters.staffInfo.companyId !== flow.systemCompanyId">
												  	<!-- 复制链接 -->
												  	<i class="iconfont shareIcon" @click="copySignUrl(flow)">&#xe651;</i>
												  	<span class="hurry" @click="sendMsg(flow)">催一下</span>											
												  </view>
												  <view class="ji-h" v-else>未盖签字章 <i class="iconfont no_pass">&#xe69e;</i></view>
												</template>
											</view>
											<view class="ji-h" v-if="!!flow.receiveTime" style="margin-top: 10rpx;">合同于 {{flow.receiveTime}} 接收
											</view>
										</view>

									</view>

								</view>

								<!-- 已签署 全通过-->
								<view v-if="flow.status == $enums.contract_sign_flow_status.OK || flow.status == $enums.contract_sign_flow_status.ALL_OK || flow.status == $enums.contract_sign_flow_status.SIGN_EXPIRED">
									<!-- 企业 -->
									<view class="h_uin" v-if="flow.signerType == 0">

										<view class="con_title">
											<view>接收方（企业）</view>
											<view>
											<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
												<template v-if="(flow.status === 10?2:flow.status) == dictItem.value">
													<span class="themeColor">{{dictItem.text}}</span>
													<span v-if="flow.isDelete == 1" class="errorColor">-已删除</span>
												</template>
											</template>
											</view>
										</view>

										<view class="ji-h">{{flow.signCompany}}
											<companyGreen v-if="flow.iscertCom == 1" class="certiyImg" />
											<companyGray v-else class="certiyImg" />
											{{HidesignCreditCode(flow.signCreditCode)}}
										</view>

										<view class="ji-h">
											经办人：{{flow.signerName}}
											<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
											<personalGray v-else class="certiyImg" />
											{{flow.signerMobile}}
										</view>

										<view class="ji-h" v-if="!!flow.receiveTime">合同于 {{flow.receiveTime}} 接收</view>

										<view class="con_del">
											<!-- 企业印章 -->
											<view class="con_title">
												<view class="comapny_signName">企业印章</view>
												<view v-if="!!flow.sealTime" class="sign_time">签署时间：{{flow.sealTime}}
												</view>
											</view>
											<view class="im-line">
												<view class="ji-h">{{flow.sealerName}}
													<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor">已盖印章 <i class="iconfont status_pass">&#xe69e;</i>
												</view>
											</view>

											<!-- 骑缝印章 -->
											<view class="con_title" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
												<view class="comapny_signName">骑缝印章</view>
												<view v-if="!!flow.sealTime" class="sign_time">签署时间：{{flow.sealTime}}
												</view>
											</view>

											<view class="im-line" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
												<view class="ji-h">{{flow.sealerName}}
													<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor">已盖印章 <i class="iconfont status_pass">&#xe69e;</i>
												</view>
											</view>

											<!-- 授权人签字章 -->
											<view class="con_title" v-if="flow.isCompanySign == 1">
												<view class="comapny_signName" v-if="flow.isSysLegal == 0">
													授权人{{ flow.personSignType == 0 ? '手写签字章' : '标准签字章' }}</view>
												<view class="comapny_signName" v-else>法定代表人签字章</view>
												<view v-if="!!flow.sealTime" class="sign_time">签署时间：{{flow.sealTime}}
												</view>
											</view>

											<view class="im-line" v-if="flow.isCompanySign == 1">
												<view class="ji-h">{{flow.sealerName}}
													<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor">已盖签字章 <i class="iconfont status_pass">&#xe69e;</i>
												</view>
											</view>
										</view>
									</view>

									<!-- 个人 -->
									<view v-else class="h_uin">
										<view class="con_title">
											<view>接收方（个人）</view>
											<view>
											<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
												<template v-if="(flow.status === 10?2:flow.status) == dictItem.value">
													<span class="themeColor">{{dictItem.text}}</span><span
														v-if="flow.isDelete == 1" class="errorColor">-已删除</span>
												</template>
											</template>
											</view>
										</view>
										<view class="ji-h">{{flow.signerName}}
											<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
											<personalGray v-else class="certiyImg" />
											{{flow.signerMobile}}
										</view>
										<view class="ji-h" v-if="!!flow.receiveTime">合同于 {{flow.receiveTime}} 接收</view>
										<!-- 个人签字章 -->
										<view class="con_del">
											<view class="con_title">
												<view class="comapny_signName" v-if="flow.personSignType == 0">手写签字章
												</view>
												<view class="comapny_signName" v-else>标准签字章</view>
												<view v-if="!!flow.sealTime" class="sign_time">签署时间：{{ flow.sealTime }}
												</view>
											</view>
											<view class="im-line">
												<view class="ji-h">{{flow.signerName}}
													<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor">已盖签字章 <i class="iconfont status_pass">&#xe69e;</i>
												</view>
											</view>
										</view>
									</view>
								</view>

								<!-- 拒签 -->
								<view v-if="flow.status == $enums.contract_sign_flow_status.REJECT">
									<!-- 企业 -->
									<view class="h_uin" v-if="flow.signerType == 0">
										<view class="con_title">
											<view>接收方（企业）
											<uni-tooltip :content="flow.rejectReason == null?'暂无':flow.rejectReason"><span class="hurry">拒签原因</span></uni-tooltip>
											</view>
											<view v-if="flow.isReject ===1">
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template v-if="(flow.status === $enums.contract_sign_flow_status.ALL_OK?$enums.contract_sign_flow_status.OK:flow.status)===dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
														<span v-if="flow.isDelete == 1" class="errorColor">-已删除</span>
													</template>
												</template>
											</view>
											<span v-if="flow.isReject ===0 && flow.signStatus==1" class="themeColor">已签署</span>
										</view>
										<view class="ji-h">
											{{flow.signCompany}}
											<companyGreen v-if="flow.iscertCom == 1" class="certiyImg" />
											<companyGray v-else class="certiyImg" />
											{{HidesignCreditCode(flow.signCreditCode)}}
										</view>
										<view class="ji-h">经办人：{{flow.signerName}}
											<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
											<personalGray v-else class="certiyImg" />
											{{flow.signerMobile}}
										</view>
										<view class="ji-h" v-if="!!flow.receiveTime">合同于 {{flow.receiveTime}} 接收</view>
										<view class="con_del">
											<!-- 企业印章 -->
											<view class="con_title">
												<view class="comapny_signName">企业印章</view>
												<view class="sign_time" v-if="!!flow.sealTime">签署时间：{{flow.sealTime}}
												</view>
											</view>
											<view class="im-line">
												<view class="ji-h">{{flow.sealerName}}
													<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor" v-if="flow.signStatus==1">已盖印章 <i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖印章 <i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
											<!-- 骑缝印章 -->
											<view class="con_title" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
												<view class="comapny_signName">骑缝印章</view>
												<view class="sign_time" v-if="!!flow.sealTime">签署时间：{{flow.sealTime}}
												</view>
											</view>
											<view class="im-line" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
												<view class="ji-h">{{flow.sealerName}}
													<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor" v-if="flow.signStatus==1">已盖印章 <i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖印章 <i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
											<!-- 授权人签字章 -->
											<view class="con_title" v-if="flow.isCompanySign == 1">
												<view class="comapny_signName" v-if="flow.isSysLegal == 0">授权人签字章</view>
												<view class="comapny_signName" v-else>法定代表人签字章</view>
												<view class="sign_time" v-if="!!flow.sealTime">签署时间：{{flow.sealTime}}
												</view>
											</view>
											<view class="im-line" v-if="flow.isCompanySign == 1">
												<view class="ji-h">{{flow.sealerName}}
													<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor" v-if="flow.signStatus==1">已盖签字章 <i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖签字章 <i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
										</view>
									</view>
									<!-- 个人 -->
									<view class="h_uin" v-if="flow.signerType == 1">
										<view class="con_title">
											<view>接收方（个人）
											<uni-tooltip :content="flow.rejectReason == null?'暂无':flow.rejectReason"><span class="hurry">拒签原因</span></uni-tooltip>
											</view>
											<view v-if="flow.isReject ===1">
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(flow.status === $enums.contract_sign_flow_status.ALL_OK?$enums.contract_sign_flow_status.OK:flow.status)===dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
														<span v-if="flow.isDelete == 1" class="errorColor">-已删除</span>
													</template>
												</template>
											</view>
											<span v-if="flow.isReject ===0 && flow.signStatus==1" class="themeColor">已签署</span>
										</view>
										<view class="ji-h">{{flow.signerName}}
											<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
											<personalGray v-else class="certiyImg" />
											{{flow.signerMobile}}
										</view>
										<view class="ji-h" v-if="!!flow.receiveTime">合同于 {{flow.receiveTime}} 接收</view>
										<view class="con_del">
											<view class="con_title">
												<view v-if="flow.personSignType == 0" class="comapny_signName">手写签字章
												</view>
												<view v-else class="comapny_signName">标准签字章</view>
												<view class="sign_time" v-if="flow.isReject ===0 && flow.signStatus==1">
													签署时间：{{flow.sealTime}}</view>
												<view class="sign_time" v-if="flow.isReject ===1">
													拒签时间：{{flow.revokeTime }}</view>
											</view>
											<view class="im-line">
												<view class="ji-h">{{flow.signerName}}
													<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor" v-if="flow.sealStatus==1">已盖签字章 <i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖签字章 <i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
										</view>
									</view>
								</view>

								<!-- 解约 -->
								<view v-if="flow.status == $enums.contract_sign_flow_status.RESCIND">
									<!-- 企业 -->
									<view class="h_uin" v-if="flow.signerType == 0">
										<view class="con_title">
											<view>接收方（企业）</view>
											<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
												<template v-if="(flow.status === 10?2:flow.status) == dictItem.value">
													<span class="errorColor">{{dictItem.text}}</span>
												</template>
											</template>
										</view>
										<view class="ji-h">
											{{flow.signCompany}}
											<companyGreen v-if="flow.iscertCom == 1" class="certiyImg" />
											<companyGray v-else class="certiyImg" />
											{{HidesignCreditCode(flow.signCreditCode)}}
										</view>
										<view class="ji-h">经办人：{{flow.signerName}}
											<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
											<personalGray v-else class="certiyImg" />
											{{flow.signerMobile}}
										</view>
										<view class="ji-h" v-if="!!flow.receiveTime">合同于 {{flow.receiveTime}} 接收</view>
										<view class="con_del">
											<!-- 企业印章 -->
											<view class="con_title">
												<view class="comapny_signName">企业印章</view>
												<view v-if="!!flow.revokeTime" class="sign_time">
													撤回时间：{{ flow.revokeTime }}</view>
											</view>
											<view class="im-line">
												<view class="ji-h">{{flow.sealerName}}
													<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor">已盖印章 <i class="iconfont status_pass">&#xe69e;</i>
												</view>
											</view>
											<!-- 骑缝印章 -->
											<view class="con_title" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
												<view class="comapny_signName">骑缝印章</view>
												<view v-if="!!flow.revokeTime" class="sign_time">
													撤回时间：{{ flow.revokeTime }}</view>
											</view>
											<view class="im-line" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
												<view class="ji-h">{{flow.sealerName}}
													<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor">已盖印章 <i class="iconfont status_pass">&#xe69e;</i>
												</view>
											</view>
											<!-- 授权人签字章 -->
											<view class="con_title" v-if="flow.isCompanySign == 1">
												<view class="comapny_signName" v-if="flow.isSysLegal == 0">授权人签字章</view>
												<view class="comapny_signName" v-else>法定代表人签字章</view>
											</view>
											<view class="im-line" v-if="flow.isCompanySign == 1">
												<view class="ji-h">{{flow.sealerName}}
													<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor">已盖签字章 <i class="iconfont status_pass">&#xe69e;</i>
												</view>
											</view>
										</view>

									</view>
									<!-- 个人 -->
									<view class="h_uin" v-else>
										<view class="con_title">
											<view>接收方（个人）</view>
											<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
												<template v-if="(flow.status === 10?2:flow.status) == dictItem.value">
													<span class="errorColor">{{dictItem.text}}</span>
												</template>
											</template>
										</view>
										<view class="ji-h">{{flow.signerName}}
											<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
											<personalGray v-else class="certiyImg" />
											{{flow.signerMobile}}
										</view>
										<view class="ji-h" v-if="!!flow.receiveTime">合同于 {{flow.receiveTime}} 接收</view>
										<view class="con_del">
											<view class="con_title">
												<view v-if="flow.personSignType == 0" class="comapny_signName">手写签字章
												</view>
												<view v-else class="comapny_signName">标准签字章</view>
												<view v-if="!!flow.revokeTime" class="sign_time">
													撤回时间：{{ flow.revokeTime }}</view>
											</view>
											<view class="im-line">
												<view class="ji-h">{{flow.signerName}}
													<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.sealerIdNumber}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
												<view class="ji-h themeColor" v-if="flow.sealStatus==1">已盖签字章 <i
														class="iconfont status_pass">&#xe69e;</i></view>
												<view class="ji-h" v-else>未盖签字章 <i class="iconfont no_pass">&#xe69e;</i>
												</view>
											</view>
										</view>

									</view>
								</view>

								<!-- 已逾期 --> 
								<view v-if="flow.status == $enums.contract_sign_flow_status.OUT_DATE">
									<!-- 企业 -->
									<view class="h_uin" v-if="flow.signerType == 0">
										<view v-if="$store.getters.companyId == flow.systemCompanyId">
											<view class="con_title">
												<view>接收方（企业）</view>
												<view v-if="flow.signStatus===0">
													<template
														v-for="(dictItem, index) in dicts.contract_sign_flow_status">
														<template v-if="flow.status == dictItem.value">
															<span class="errorColor">{{dictItem.text}}</span>
															<span v-if="flow.isDelete" class="errorColor">-已删除</span>
														</template>
													</template>
												</view>
												<span v-if="flow.signStatus==1" class="themeColor">已签署</span>
											</view>
											<view class="ji-h">
												{{flow.signCompany}}
												<companyGreen v-if="flow.iscertCom == 1" class="certiyImg" />
												<companyGray v-else class="certiyImg" />
												{{HidesignCreditCode(flow.signCreditCode)}}
											</view>
											<view class="ji-h">经办人：{{flow.signerName}}
												<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
												<personalGray v-else class="certiyImg" />
												{{flow.signerMobile}}
											</view>
											<view class="ji-h" v-if="!!flow.receiveTime">合同于 {{flow.receiveTime}} 接收
											</view>
											<view class="con_del">
												<!-- 企业印章 -->
												<view class="con_title">
													<view class="comapny_signName">企业印章</view>
													<view class="sign_time" v-if="!!flow.sealTime">
														签署时间：{{flow.sealTime}}</view>
												</view>
												<view class="im-line">
													<view class="ji-h">{{flow.sealerName}}
														<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{flow.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor" v-if="flow.signStatus==1">已盖印章<i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖印章<i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
												<!-- 骑缝印章 -->
												<view class="con_title"
													v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
													<view class="comapny_signName">骑缝印章</view>
													<view class="sign_time" v-if="!!flow.sealTime">
														签署时间：{{flow.sealTime}}</view>
												</view>
												<view class="im-line"
													v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
													<view class="ji-h">{{flow.sealerName}}
														<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{flow.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor" v-if="flow.signStatus==1">已盖印章<i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖印章<i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
												<!-- 授权人签字章 -->
												<view class="con_title" v-if="flow.isCompanySign == 1">
													<view class="comapny_signName" v-if="flow.isSysLegal == 0">授权人签字章
													</view>
													<view class="comapny_signName" v-else>法定代表人签字章</view>
													<view class="sign_time" v-if="!!flow.sealTime">
														签署时间：{{flow.sealTime}}</view>
												</view>
												<view class="im-line" v-if="flow.isCompanySign == 1">
													<view class="ji-h">{{flow.sealerName}}
														<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{flow.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor" v-if="flow.signStatus==1">已盖印章<i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖印章<i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
											</view>
										</view>
										<view v-else>
											<view class="con_title">
												<view>接收方（企业）<span @click="reciveChange(flow,index)" class="change_div" v-if="showChange">修改</span></view>
												<view v-if="flow.signStatus===0">
													<template
														v-for="(dictItem, index) in dicts.contract_sign_flow_status">
														<template v-if="flow.status == dictItem.value">
															<span class="errorColor">{{dictItem.text}}</span>
															<span v-if="flow.isDelete" class="errorColor">-已删除</span>
														</template>
													</template>
												</view>
												<span v-if="flow.signStatus==1" class="themeColor">已签署</span>
											</view>
											<view class="ji-h flex_between">
												<view>
													{{flow.signCompany}}
													<companyGreen v-if="flow.iscertCom == 1" class="certiyImg" />
													<companyGray v-else class="certiyImg" />
													{{HidesignCreditCode(flow.signCreditCode)}}
												</view>
												<i class="iconfont faceIcon-gray"
													v-if="ruleForm.isFace == 1">&#xe69a;</i>
											</view>
											<view class="ji-h" v-if="!!flow.receiveTime">合同于 {{flow.receiveTime}} 接收
											</view>
										</view>

									</view>
									<!-- 个人 -->
									<view class="h_uin" v-if="flow.signerType == 1">
										<view v-if="$store.getters.staffInfo.id == flow.systemStaffId">
											<view class="con_title">
												<view>接收方（个人）</view>
												<view v-if="flow.signStatus===0">
													<template
														v-for="(dictItem, index) in dicts.contract_sign_flow_status">
														<template v-if="flow.status == dictItem.value">
															<span class="errorColor">{{dictItem.text}}</span>
															<span v-if="flow.isDelete" class="errorColor">-已删除</span>
														</template>
													</template>
												</view>
												<span v-if="flow.signStatus==1" class="themeColor">已签署</span>
											</view>
											<view class="ji-h">{{flow.signerName}}
												<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
												<personalGray v-else class="certiyImg" />
												{{flow.signerMobile}}
											</view>
											<view class="ji-h" v-if="!!flow.receiveTime">合同于 {{flow.receiveTime}} 接收
											</view>
											<view class="con_del">
												<view class="con_title">
													<view v-if="flow.personSignType == 0" class="comapny_signName">手写签字章
													</view>
													<view v-else class="comapny_signName">标准签字章</view>
													<view class="sign_time" v-if="flow.signStatus==1">
														签署时间：{{flow.sealTime}}</view>
													<view class="sign_time" v-else>逾期时间：{{flow.signExpiryDate}}</view>
												</view>
												<view class="im-line">
													<view class="ji-h">{{flow.signerName}}
														<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{flow.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor" v-if="flow.signStatus==1">已盖签字章 <i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖签字章 <i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
											</view>
										</view>
										<view v-else>
											<view class="con_title">
												<view>接收方（个人）<span @click="reciveChange(flow,index)" class="change_div" v-if="showChange">修改</span></view>
												<view v-if="flow.signStatus===0">
													<template
														v-for="(dictItem, index) in dicts.contract_sign_flow_status">
														<template v-if="flow.status == dictItem.value">
															<span class="errorColor">{{dictItem.text}}</span>
															<span v-if="flow.isDelete" class="errorColor">-已删除</span>
														</template>
													</template>
												</view>
												<span v-if="flow.signStatus==1" class="themeColor">已签署</span>
											</view>
											<view class="ji-h flex_between">
												<view>
													{{flow.signerName}}
													<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.signerMobile}}
												</view>
												<i class="iconfont faceIcon-gray"
													v-if="ruleForm.isFace == 1">&#xe69a;</i>
											</view>
											<view class="ji-h" v-if="!!flow.receiveTime">合同于 {{flow.receiveTime}} 接收
											</view>
										</view>

									</view>
								</view>

								<!-- 已失效 -->
								<view v-if="flow.status == $enums.contract_sign_flow_status.EXPIRED">
									<!-- 企业 -->
									<view v-if="flow.signerType == 0">
										<view class="h_uin"
											v-if="$store.getters.companyId !== flow.systemCompanyId">
											<view class="con_title">
												<view>接收方（企业）</view>
												<view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(flow.status === 10?2:flow.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
														<span class="errorColor" v-if="flow.isDelete == 1">-已删除</span>
													</template>
												</template>
												</view>
											</view>
											<view class="greyBack">
											<view class="ji-h">{{flow.signCompany}}
												<companyGreen v-if="flow.iscertCom == 1" class="certiyImg" />
												<companyGray v-else class="certiyImg" />
												{{HidesignCreditCode(flow.signCreditCode)}}
											</view>
											<view class="ji-h flex_between">
												<view>经办人：{{flow.signerName}}
													<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.signerMobile}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
											</view>
											</view>
											<view class="ji-h" v-if="!!flow.receiveTime">合同于 {{flow.receiveTime}} 接收
											</view>
										</view>
										<!-- 企业发起方查看自己 -->
										<view class="h_uin" v-else>
											<view class="con_title">
												<view>接收方（企业）</view>
												<view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(flow.status === 10?2:flow.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
														<span class="errorColor" v-if="flow.isDelete == 1">-已删除</span>
													</template>
												</template>
												</view>
											</view>
											<view class="ji-h">{{flow.signCompany}}
												<companyGreen v-if="flow.iscertCom == 1" class="certiyImg" />
												<companyGray v-else class="certiyImg" />
												{{HidesignCreditCode(flow.signCreditCode)}}
											</view>
											<view class="ji-h">
												经办人：{{flow.signerName}}
												<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
												<personalGray v-else class="certiyImg" />
												{{flow.signerMobile}}
											</view>
											<view class="ji-h" v-if="!!flow.receiveTime">合同于 {{flow.receiveTime}} 接收
											</view>
											<view class="con_del">
												<!-- 企业印章 -->
												<view class="con_title">
													<view class="comapny_signName">企业印章</view>
													<view v-if="!!flow.revokeTime" class="sign_time">
														撤回时间：{{ flow.revokeTime }}</view>
												</view>
												<view class="im-line">
													<view class="ji-h">{{flow.sealerName}}
														<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{flow.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h">已失效 <i class="iconfont no_pass">&#xe69e;</i>
													</view>
												</view>
												<!-- 骑缝印章 -->
												<view class="con_title" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
													<view class="comapny_signName">骑缝印章</view>
													<view v-if="!!flow.revokeTime" class="sign_time">
														撤回时间：{{ flow.revokeTime }}</view>
												</view>
												<view class="im-line" v-if="contractFile && contractFile[idx] && contractFile[idx].pageCount>1">
													<view class="ji-h">{{flow.sealerName}}
														<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{flow.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h">已失效 <i class="iconfont no_pass">&#xe69e;</i>
													</view>
												</view>
												<!-- 授权人签字章 -->
												<view class="con_title" v-if="flow.isCompanySign == 1">
													<view class="comapny_signName" v-if="flow.isSysLegal == 0">授权人签字章
													</view>
													<view class="comapny_signName" v-else>法定代表人签字章</view>
												</view>
												<view class="im-line" v-if="flow.isCompanySign == 1">
													<view class="ji-h">{{flow.sealerName}}
														<personalGreen v-if="flow.iscertPeo == 1" class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{flow.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h">已失效 <i class="iconfont no_pass">&#xe69e;</i>
													</view>
												</view>
											</view>
										</view>
									</view>
									<!-- 个人签署详情 -->
									<view v-else>
										<!-- 发起方查看发起方 -->
										<view class="h_uin"
											v-if="$store.getters.staffInfo.id == flow.systemStaffId">
											<view class="con_title">
												<view>接收方（个人）</view>
												<view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(flow.status === 10?2:flow.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
														<span class="errorColor"
															v-if="flow.isDelete == 1">-已删除</span>
													</template>
												</template>
												</view>
											</view>
											<view class="ji-h">{{flow.signerName}}
												<personalGreen v-if="flow.iscertPeo == 1"
													class="certiyImg" />
												<personalGray v-else class="certiyImg" />
												{{flow.signerMobile}}
											</view>
											<view class="ji-h">合同于 {{flow.receiveTime}} 接收</view>
											<!-- 个人签字章 -->
											<view class="con_del">
												<view class="con_title">
													<view class="comapny_signName">个人签字章</view>
												</view>
												<view class="im-line">
													<view class="ji-h">{{flow.signerName}}
														<personalGreen
															v-if="flow.iscertPeo == 1"
															class="certiyImg" />
														<personalGray v-else class="certiyImg" />
														{{flow.sealerIdNumber}}
														<i class="iconfont faceIcon-gray"
															v-if="ruleForm.isFace == 1">&#xe69a;</i>
													</view>
													<view class="ji-h themeColor"
														v-if="flow.sealStatus==1">已盖签字章 <i
															class="iconfont status_pass">&#xe69e;</i></view>
													<view class="ji-h" v-else>未盖签字章 <i
															class="iconfont no_pass">&#xe69e;</i></view>
												</view>
											</view>
										</view>
										<!-- 接收方查看发起方 -->
										<view class="h_uin" v-else>
											<view class="con_title">
												<view>接收方（个人）</view>
												<view>
												<template v-for="(dictItem, index) in dicts.contract_sign_flow_status">
													<template
														v-if="(flow.status === 10?2:flow.status) == dictItem.value">
														<span class="errorColor">{{dictItem.text}}</span>
														<span class="errorColor"
															v-if="flow.isDelete == 1">-已删除</span>
													</template>
												</template>
												</view>
											</view>
											<view class="im-line">
												<view class="ji-h">
													{{flow.signerName}}
													<personalGreen
														v-if="flow.iscertPeo == 1"
														class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{flow.signerMobile}}
													<i class="iconfont faceIcon-gray"
														v-if="ruleForm.isFace == 1">&#xe69a;</i>
												</view>
											</view>
											<view class="ji-h" style="margin-top: 10rpx;" v-if="!!flow.receiveTime">合同于{{flow.receiveTime}} 接收</view>
										</view>
									</view>
								</view>

							</view>
							<!-- 抄送人 -->
							<view class="h_uin" style="padding:0 20rpx">
								<view class="con_title">
									<view>抄送人</view>
									<view>
										<span class="themeColor" style="margin-right: 20rpx;"
											@click="addPersonal">抄送个人</span>
										<span class="themeColor" @click="addCompany">抄送企业</span>
									</view>
								</view>
								<view v-if="contractCarbonCopyList.length !== 0">
									<view v-for="item,index in contractCarbonCopyList" :key="index"
										style="margin-bottom:25rpx;">
										<!-- 个人 -->
										<view v-if="item.senderType==1" class="im-line">
											<view>
												<p class="ji-h">{{item.sendName}}
													<personalGreen v-if="item.isCertify == 1" class="certiyImg" />
													<personalGray v-else class="certiyImg" />
													{{item.sendMobile}}
												</p>
												<p class="ji-h" v-if="item.status == 0" style="color:#999999;">待抄送<i
														class="iconfont gray_duihao">&#xe69e;</i> </p>
												<p class="ji-h" v-if="item.status == 1" style="color:#00a660;">已抄送<i
														class="iconfont gray_duihao">&#xe69e;</i> </p>
											</view>
											<i class="iconfont" @click="removeCopy(item,index)">&#xe8c1;</i>
										</view>
										<!-- 企业 -->
										<view v-if="item.senderType==0" class="im-line">
											<view>
												<p class="jh-h">{{item.sendCompany}}</p>
												<p class="ji-h">{{item.sendName}}
													<companyGreen v-if="item.isCertify == 1" class="certiyImg" />
													<companyGray v-else class="certiyImg" />
													{{item.sendMobile}}
												</p>
												<p class="ji-h" v-if="item.status == 0" style="color:#999999;">待抄送<i
														class="iconfont gray_duihao">&#xe69e;</i> </p>
												<p class="ji-h" v-if="item.status == 1" style="color:#00a660;">已抄送<i
														class="iconfont gray_duihao">&#xe69e;</i> </p>
											</view>
											<i class="iconfont" @click="removeCopy(item,index)">&#xe8c1;</i>
										</view>
									</view>
								</view>
								<view v-else class="no_item">暂无数据</view>
							</view>
						</view>
						
						<!-- 签名与证书 -->
						<view v-show="current === 1" v-if="!!contractFile[idx]">
							<uni-collapse ref="collapse" class="title_coll"
								v-for="(item,index) in contractFile[idx].contractFileDragList">
								<uni-collapse-item :border="false">
									<template v-slot:title>
										<i class="iconfont duihao" style="margin:0;">&#xe69e;</i>
										<span style="color:#999999;padding-left:10rpx;">已由{{item.companyName}}签名</span>
									</template>
									<view class="content">
										<view class="record" style="padding:0 0 16rpx 58rpx;">
											<span style="color:#999999;font-size: 26rpx;">签名者身份已签发CA证书及可信时间戳</span>
											<p class="themeColor" @click="toggle(item.flowId)">查看签名及证书</p>
										</view>
									</view>
								</uni-collapse-item>
							</uni-collapse>
						</view>

						<!-- 操作记录 -->
						<contract-oper-log v-if="current === 2" :contract-id="contractId"></contract-oper-log>
					</view>
				</view>
			</uni-collapse-item>
		</uni-collapse>

		<!-- 合同发起提醒 --> 
		<uni-popup ref="alertDialog" type="dialog" v-if="startForm.contractSignFlowStarter !== null">
			<uni-popup-dialog :type="msgType" confirmText="知道了" title="合同发起提醒" @confirm="dialogConfirm">
				<view v-slot="content">您已成功发起《{{startForm.contractSignFlowStarter.contractName}}》电子合同，待
					<span style="color:#00a660" v-if="startForm.contractSignFlowStarter.isSysLegal == 0">授权人</span>
					<span v-else style="color:#00a660">法定代表人</span>签章、签字中，请耐心等待！
				</view>
			</uni-popup-dialog>
		</uni-popup>

		<!-- 转交签署人提醒 -->
		<!-- <uni-popup ref="changePeople" type="dialog">
			<uni-popup-dialog :type="msgType" confirmText="知道了" title="转交签署人提醒">
				<p class="collapse-to">您已成功转交新的签署人（{{sealName}}），待签署人签章、签字中，请耐心等待！</p>
			</uni-popup-dialog>
		</uni-popup> -->

		<!-- 解约合同 单方显示 -->
		<uni-popup ref="terminationPopup" background-color="#fff">
			<view class="refuse_con">
				<view style="font-weight:600;color: rgb(255, 87, 34);font-size: 30rpx;"> 本文件为单方签署的文档，不支持使用系统简易解约功能。
				</view>
				<view style="margin-top: 30rpx;">
					<view>如需作废上述签署文件，请您邀请各方当事人友好沟通后，起草完整的解约作废协议并完成签署，以保障各方权益，避免纠纷！</view>
					<p>如需解除因使用励氪签电子签约平台（lksign.cn）而产生的各种授权协议（例如：印章授权等），请自行在励氪签平台内解除相关人的系统使用权限即可。</p>
					<p>相关授权协议根据合规要求，暂不可删除，请知悉！</p>
				</view>
				<div class="dialog-footer">
					<button type="primary" style="background-color: #00a660;" @click="noForm">知道了</button>
				</div>
			</view>
		</uni-popup>

		<!-- 分享示例 -->
		<uni-popup ref="share" type="share" safeArea backgroundColor="#fff">
			<uni-popup-share></uni-popup-share>
		</uni-popup>

		<!-- 修改接收方 -->
		<uni-popup ref="editPopup" background-color="#fff" type="dialog" class="edit_dialog">
			<uni-popup-dialog :type="msgType" cancelText="取 消" confirmText="确 定" title="修改接收方信息"
				@confirm="confirmRecive(reciveList)" @close="dialogClose">
				<!-- 个人 -->
				<view v-if="reciveList.signerType == 1">
					<uni-easyinput v-model="reciveList.signerName" type="text" prefixIcon="person" suffixIcon="forward"
						@iconClick="iconPersonalClick" />
					<uni-easyinput v-model="reciveList.signerMobile" type="text" prefixIcon="phone" style="margin-top: 30rpx;" />
					<view class="popup_check"><i class="iconfont">&#xe605;</i> <span>签署要求</span>
						<uni-data-checkbox multiple v-model="checkboxPersonal" :localdata="personalItems" :min="1" @change="getSelect"></uni-data-checkbox>
					</view>
				</view>
				<view v-else>
					<uni-easyinput v-model="reciveList.signCompany" type="text" suffixIcon="forward" prefixIcon="wallet"
						@iconClick="iconCompany" />
					<uni-easyinput v-model="reciveList.signerName" type="text" prefixIcon="person" suffixIcon="forward"
						@iconClick="iconClick" style="margin-top: 30rpx;" />
					<uni-easyinput v-model="reciveList.signerMobile" type="text" prefixIcon="phone" style="margin-top: 30rpx;" />
					<view class="popup_check"><i class="iconfont">&#xe605;</i> <span>签署要求</span>
						<uni-data-checkbox multiple v-model="checkboxCompany" :localdata="companyItems" disabled></uni-data-checkbox>
					</view>
				</view>
			</uni-popup-dialog>
		</uni-popup>
		<ca-Dialog ref="popup" :flowId="flowIdForCa" />
		
		<!-- 签署成功弹出框显示 -->
		<contractSignFinishDialog ref="finishSignDialog" />
		<!-- 撤回合同 -->
		<revoke-dialog ref="revoke" :id="invalidId" :invalidIsStarter="isStarter"></revoke-dialog>
	</view>
</template>
<script>
import pdf from "vue-pdf";
import config from '@/config';
import caDialog from "./CAdialog";
import {getToken} from "@/utils/auth";
import contractOperLog from "./contractOperLog";
import {HideStringPlus, HideTel} from "@/utils";
import {getDictsByNameForUni} from "@/utils/dicts";
import companyGray from "@/components/svg/companyGray";
import companyGreen from "@/components/svg/companyGreen";
import personalGray from "@/components/svg/personalGray";
import personalGreen from "@/components/svg/personalGreen";
import revokeDialog from '@/components/revokeDialog/revokeDialog';
import contractSignFinishDialog from "./contractSignFinishDialog";
import {selectListPermiss} from "@/api/ec/console/seal/staffSeal";
import {listContractSignCopyByContractId} from "@/api/contractSign";
import {parseTime, transformTime, getDateNowDiff} from "@/utils/ruoyi";
import {getWordByContractId} from "@/api/ec/work/contract/contractFile";
import {getSystemSetByCompanyId} from "@/api/ec/console/busiConfig/systemSet";
import {getContract,getContractSignDetail,getAppendByContractId,delContractCopy,contractHurry} from "@/api/ec/work/contract/contract";
import {updateContractSignMine, getContractFlowShortUrl,deleteLogicalFlow,updateContractAndAllContractFlowByContractId,updateContractSignExpiryDateByContractId,updateContractFlowRecive} from "@/api/ec/work/contract/contractSign";
	export default {
		components: {pdf,companyGray,personalGray,personalGreen,companyGreen,caDialog,contractOperLog,contractSignFinishDialog,revokeDialog},
		data() {
			return {
				sealInfo:null,
				dataIdOld:'',
				isTerminationContract:false,// 是否置灰解约按钮
				systemSet: null,// 公司偏好设置
				invalidId:'',
				showDelete:false, //删除按钮显示 
				isHiddenTerminationContract:true,// 隐藏解约合同按钮标识位
				isHiddenShare:true,// 是否隐藏分享按钮 法人 管理员 默认不隐藏 其他根据企业偏好设置显示隐藏
				isHiddenDownload:true,// 是否隐藏下载按钮 法人 管理员 默认不隐藏 其他根据企业偏好设置显示隐藏
				isHiddenPrint:true,// 是否隐藏打印按钮 法人 管理员 默认不隐藏 其他根据企业偏好设置显示隐藏      
				options: [{
						value: 0,
						text: '刷新'
					},{
						value: 1,
						text: '下载合同'
					},{
						value: 2,
						text: '删除合同'
				},{
						value: 3,
						text: '打印'
					}],
				options1: [{
						value: 0,
						text: '刷新'
					},{
						value: 1,
						text: '下载'
					},{
						value: 3,
						text: '打印'
					}],
				contractId: null, // 合同id
				showChange: false, //是否显示修改接收方
				// 数据字典
				dicts: {
					ec_contract_status: [],
					contract_sign_flow_status: [],
				},
				popupShow: false, //出现弹窗页面是否滚动
				flowIdForCa: 0, //ca证书id
				signAndCertDetailList: [], //签名和证书
				personal: 'detail',
				company: 'detail', //选择联系人标识
				checkboxPersonal: '',
				checkboxCompany: '',
				companyItems: [{
						text: '企业印章',
						value: 0
					},
					{
						text: '授权人签字',
						value: 1
					}
				],
				personalItems: [{
						text: '标准签字章',
						value: 0
					},
					{
						text: '手写签字章',
						value: 1
					}
				],
				reciveList: {}, //接收方
				widthNum: '',
				isType: '', //判断身份 true企业 false个人
				scaleIndex: '', //放大0 缩小1
				hiddenTerminationContract: true, // 隐藏解约合同按钮标识位
				pdfUrl: '',
				moveIndex: 0, //1展开 0关闭
				is_color_type: false,
				search: 'search',
				content: [{
						text: '放大',
						active: false
					},
					{
						text: '缩小',
						active: false
					},
				],
				directionStr: '垂直',
				horizontal: 'right',
				vertical: 'bottom',
				direction: 'vertical',
				pattern: {
					color: '#3c3e49',
					backgroundColor: '#fff',
					selectedColor: '#00a660',
					buttonColor: '#00a660',
					iconColor: '#fff'
				},
				value: '',
				msgType: 'warning',
				terminationItems: [{
					'value': '0',
					'text': '立即删除（系统自动删除）',
				}, {
					'value': '1',
					'text': '保留文件（需任意签署方手动删除）'
				}],
				itemsIndex: 0,
				terminationType: 'center', //解约合同弹出
				type: 'center',
				items: ['签署详情', '签名与证书', '操作记录'],
				activeColor: '#00a660',
				host: config.baseUrl,
				current: 0,
				numPages: 0,
				contractFilename: [], //切换合同
				contractCarbonCopyList: [], // 抄送数据
				ByContract: [], //附件文档
				ruleForm: {},
				transferFlag: '', //是否转签过 0没有 1转签过
				isStarter: '', //是否发起者 0接受者 1发起者
				hasType: '', //有无签章权限 false没有
				sealName: '', //转交签署人
				sealSystemCompanyId: '',
				startForm: {
					contractSignFlowStarter: {},
					contractSignFlowList: [{
						contractTypeName: null,
						businessTypeName: null
					}]
				}, //签署流程
				copyMobile: '', //抄送手机号
				copyName: '', //抄送名字
				isCompany: '', // 判断身份信息 个人还是企业 true企业  false个人
				companyinfoId: '', //登录的企业id
				staffinfoId: '', //登录的个人id
				changeflowId: '',
				currentTime: '', //操作记录时间
				contractFile:[], // 合同文件信息
				idx:0, // 点击的文件索引
				currentFlowId: null,// 当前签署流程id
			};
		},
		onLoad(option) {
			this.$modal.loading("加载中");
			this.initData(option);
			//添加抄送人
			this.bindCopydata()
			// 修改接收方数据
			this.changeRecivedata()
			//操作记录时间
			this.currentTime = parseTime(new Date(), "{y}-{m}-{d} {h}:{i}:{s}")
			// 字典状态 
			this.getDicts()
			console.log(this.$store.getters)
		},
		onUnload() {
			uni.$off('personalTableData');
			uni.$off('companyTableData');
		},
		onShow() {
			if (this.contractCarbonCopyList.length != 0) {
				this.moveIndex = 1
				this.popupShow = true
				// 滚动到抄送地方
				let scrollHeight = document.getElementsByClassName('collapse_height')[0].scrollHeight
				document.getElementsByClassName('collapse_height')[0].scrollTop = scrollHeight
			}
			
		},
		computed: {
			signExpiryDateDesc() {
				return getDateNowDiff(transformTime(this.ruleForm.signExpiryDate));
			},
			//当前合同经办人ids
			systemStaffIds(){
			  let ids = [];
			  ids.push(this.startForm.contractSignFlowStarter.systemStaffId);
			  for (let i = 0; i < this.startForm.contractSignFlowList.length; i++) {
			    ids.push(this.startForm.contractSignFlowList[i].systemStaffId);
			  }
			  return ids;
			},
			//盖章人ids
			sealerStaffIds(){
			  let ids = [];
			  ids.push(this.startForm.contractSignFlowStarter.sealerId);
			  for (let i = 0; i < this.startForm.contractSignFlowList.length; i++) {
			    ids.push(this.startForm.contractSignFlowList[i].sealerId);
			  }
			  return ids;
			},
			//抄送人ids
			copyStaffIds(){
			  let ids = [];
			  for (let i = 0; i <this.contractCarbonCopyList.length ; i++) {
			    ids.push(this.contractCarbonCopyList[i].sendPersonId)
			  }
			  return ids;
			},    
		},
		watch:{
			startForm(flows) {
			   // 查询当前经办人或者盖章人的合同
			   if (flows.contractSignFlowStarter.systemStaffId == this.$store.getters.staffInfo.id || flows.contractSignFlowStarter.sealerId == this.$store.getters.staffInfo.id) {
			       this.currentFlowId = flows.contractSignFlowStarter.id;
			   }
			   let find = flows.contractSignFlowList.find(flow=>flow.systemStaffId == this.$store.getters.staffInfo.id || flows.sealerId==this.$store.getters.staffInfo.id);
			     if(!!find){
			       this.currentFlowId = find.id;
			     }
			     this.$refs.finishSignDialog.openDialog(flows, this.currentFlowId)
			   }      
		},
		methods: {
			/** 设置合同签署截止时间 */
			handleEditSetSignExpiryDateTime(){
				if(this.$store.getters.staffInfo.id != this.ruleForm.staffId){
					this.$modal.msgError("请联系发起方进行设置！")
					return false;
				}
			  if (this.startForm.contractSignFlowStarter.systemCompanyId == this.$store.getters.staffInfo.companyId || this.startForm.contractSignFlowStarter.systemStaffId == this.$store.getters.staffInfo.id) {
			    // 拼接延期日期的时间
			    updateContractSignExpiryDateByContractId({contractId:this.ruleForm.id,signExpiryDate:new Date(this.ruleForm.signExpiryDate).setHours(23,59,59)}).then((response)=>{
			      // 判断当前用户是否合同的发起者  才有权限修改合同的延期时间
			      this.$modal.msgSuccess("合同签署截止时间设置成功！");
			    });
			  } else {
			    this.$modal.msgError("设置无效！请联系合同发起方修改签署截止时间！");
			  }
			},    
			/** 设置合同终止时间 */
			handleEditSetContractEndTime(){
				if(this.$store.getters.staffInfo.id != this.ruleForm.staffId){
					this.$modal.msgError("请联系发起方进行设置！")
					return false;
				}
				if (this.startForm.contractSignFlowStarter.systemCompanyId == this.$store.getters.staffInfo.companyId || this.startForm.contractSignFlowStarter.systemStaffId == this.$store.getters.staffInfo.id) {
				  // 根据截至时间 获取到期提醒时间
				    let differentDays = getHourNowDiff(this.ruleForm.contractEndTime) / 24;
				    let contractTipEndTime;
				    if (differentDays > 30) {
				      let ContractTipEndTime = new Date(this.ruleForm.contractEndTime) - ((1000 * 60 * 60 * 24) * 30);
				      contractTipEndTime = parseTime(ContractTipEndTime, '{y}-{m}-{d} 10:00:00');
				    } else {
				      let ContractTipEndTime = new Date(this.ruleForm.contractEndTime) - ((1000 * 60 * 60 * 24) * (differentDays / 2));
				      contractTipEndTime = parseTime(ContractTipEndTime, '{y}-{m}-{d} 10:00:00');
				    }
				    // 拼接终止日期的时间
				    updateContractAndAllContractFlowByContractId({contractId:this.ruleForm.id,contractEndTime:new Date(this.ruleForm.contractEndTime).setHours(23,59,59),contractTipEndTime:contractTipEndTime}).then((response)=>{
				      // 判断当前用户是否合同的发起者  才有权限修改合同的终止时间
				      this.$modal.msgSuccess("合同终止时间设置成功！");
				    });
				  } else {
				    this.$modal.msgError("设置无效！请联系合同发起方修改合同终止时间！");
				  }      
			},
			/** 设置合同开始时间 */
			handleEditSetContractStartTime(){
				if(this.$store.getters.staffInfo.id != this.ruleForm.staffId){
					this.$modal.msgError("请联系发起方进行设置！")
					return false;
				}
				if (this.startForm.contractSignFlowStarter.systemCompanyId == this.$store.getters.staffInfo.companyId || this.startForm.contractSignFlowStarter.systemStaffId == this.$store.getters.staffInfo.id) {
					// 拼接延期日期的时间
					updateContractAndAllContractFlowByContractId({contractId:this.ruleForm.id,updateTime:new Date(this.ruleForm.contractStartTime).setHours(0,0,0)}).then((response)=>{
					    // 判断当前用户是否合同的发起者  才有权限修改合同的延期时间
					    this.$modal.msgSuccess("合同开始时间设置成功！");
					});
				} else {
				  this.$modal.msgError("设置无效！请联系合同发起方修改合同开始时间！");
				}	
			},
			/** 撤回合同 */
			invalidContract(){
				if (this.ruleForm.staffId == this.$store.getters.staffInfo.id) {
				  this.isStarter = true;
				}     
				this.$refs.revoke.open()
			},
            /** 下载 打印 分享 按钮权限 */ 
			initButtonSet(){
			      let staffNameNick='合同经办人';
			      let sealerNameNick='合同签署人';
			      let copyNameNick='合同抄送人';
			      let outNameNick='外部查阅人';
			      // 管理员默认可分享 可下载 可打印
			      if(this.$store.getters.staffInfo.admin){
			        this.isHiddenShare = false;
			        this.isHiddenDownload = false;
			        this.isHiddenPrint = false;
			      }
			      // 法人默认可分享 可下载 可打印
			      if(this.$store.getters.staffInfo.legal){
			        this.isHiddenShare = false;
			        this.isHiddenDownload = false;
			        this.isHiddenPrint = false;
			      }
			      // 偏好设置 分享为默认null  经办人 签署人 抄送人 可进行分享
			      if (!this.systemSet || this.systemSet.contractShareType==null) {
			        // 合同经办人
			        if (this.systemStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenShare = false;
			        }
			        // 合同签署人
			        if (this.sealerStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenShare = false;
			        }
			        // 合同抄送人
			        if (this.copyStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenShare = false;
			        }
			      } else {
			        // 获取偏好设置的配置 经办人
			        if (JSON.parse(this.systemSet.contractShareType).some(name => name == staffNameNick) && this.systemStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenShare = false;
			        }
			        if (JSON.parse(this.systemSet.contractShareType).some(name => name == sealerNameNick) && this.sealerStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenShare = false;
			        }
			        if (JSON.parse(this.systemSet.contractShareType).some(name => name == copyNameNick) && this.copyStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenShare = false;
			        }
			      }
			
			      // 偏好设置 下载为默认null  经办人 签署人 可进行下载
			      if (!this.systemSet || this.systemSet.contractDownloadType==null) {
			        // 合同经办人
			        if (this.systemStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenDownload = false;
			        }
			        // 合同签署人
			        if (this.sealerStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenDownload = false;
			        }
			      } else {
			        // 获取偏好设置的配置
			        if (JSON.parse(this.systemSet.contractDownloadType).some(name => name == staffNameNick) && this.systemStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenDownload = false;
			        }
			        if (JSON.parse(this.systemSet.contractDownloadType).some(name => name == sealerNameNick) && this.sealerStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenDownload = false;
			        }
			        if (JSON.parse(this.systemSet.contractDownloadType).some(name => name == copyNameNick) && this.copyStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenDownload = false;
			        }
			      }
			
			      // 偏好设置 打印为默认null  经办人 签署人 可进行打印
			      if (!this.systemSet ||this.systemSet.contractPrintType==null) {
			        // 合同经办人
			        if (this.systemStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenPrint = false;
			        }
			        // 合同签署人
			        if (this.sealerStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenPrint = false;
			        }
			        // fixme 合同抄送人
			        if (this.copyStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenPrint = false;
			        } else {
			          // 外部查阅人
			          this.isHiddenPrint = false;
			        }
			      } else {
			        // 获取偏好设置的配置 经办人
			        if (JSON.parse(this.systemSet.contractPrintType).some(name => name == staffNameNick) && this.systemStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenPrint = false;
			        }
			        if (JSON.parse(this.systemSet.contractPrintType).some(name => name == sealerNameNick) && this.sealerStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenPrint = false;
			        }
			        if (JSON.parse(this.systemSet.contractPrintType).some(name => name == copyNameNick) && this.copyStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			          this.isHiddenPrint = false;
			        } else if(JSON.parse(this.systemSet.contractPrintType).some(name => name == outNameNick)){
			          //外部查阅人
			          this.isHiddenPrint = false;
			        }
			      }	
			},
			/** 解约  按钮权限 */
			initSystemAndSealerSet(){
			  // 合同经办人
			  if (this.systemStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			    // 经办人 显示 解约按钮
			    if (this.ruleForm.status == this.$enums.contract_sign_flow_status.ALL_OK) {
			      this.isHiddenTerminationContract = false;
			    }
			  }
			  // 合同签署人
			  if (this.sealerStaffIds.some(staffId => this.$store.getters.staffInfo.id == staffId)) {
			    // 签署人 显示 解约按钮
			    if (this.ruleForm.status == this.$enums.contract_sign_flow_status.ALL_OK) {
			      this.isHiddenTerminationContract = false;
			    }
			  }
			  // 判断当前是否是法人授权书  不能显示解约按钮
			  if(this.startForm.contractSignFlowList[0].transferFlag && this.startForm.contractSignFlowList[0].transferFlag==11){
			    this.isHiddenTerminationContract = true;
			  }
			},    
			/** 更多操作 */
			menuAction(e){
				if(e == 0){
					// 刷新
					this.$router.go(0)
				}else if(e == 1){
					// 下载合同
					
				}else if(e == 2){
					// 删除合同
					this.deleteRefuse();
				}else{
					// 打印合同
				}
			},
			// 删除合同
			deleteRefuse(){
			  this.$modal.confirm('仅删除己方合同，是否删除？').then(()=>{
			    return deleteLogicalFlow(this.currentFlowId);
			  }).then(() => {
			    this.$modal.msgSuccess("删除成功");
			    setTimeout(() => {
			      uni.switchTab({
			      	url:'/pages/index'
			      })
			    }, 500)
			  }).catch(() => {
			  });
			},    
			/** 复制签署链接 */
			copySignUrl(flow) {
              let companyNameStarter = flow.signCompanyAllName.split("；")[0]
                getContractFlowShortUrl(flow.id).then((response) => {
                    return "尊敬的" + flow.signCompany + "，" + companyNameStarter + "通过励氪签电子签约平台向您发送了一份电子合同，请尽快签署！https://t.lksign.cn/" + response.data.shortUrl;
                }).then(response => {
                    this.$copyText(response).then(()=> {
						this.$modal.msgSuccess('签署链接已复制到剪切板，可粘贴。')
                    },
                    ()=> {
                       this.$modal.msgError("复制失败！");
                    }
                 );
              });
			},
			// 隐藏手机号
			HideTel(tel) {
				return HideTel(tel);
			},
			// 隐藏信用码
			HidesignCreditCode(code) {
				if (!!code) {
					return HideStringPlus(code, 3, 3);
				}
			},
			/**加载数据字典*/
			getDicts() {
				this.dicts.ec_contract_status = getDictsByNameForUni("ec_contract_status");
				this.dicts.contract_sign_flow_status = getDictsByNameForUni("contract_sign_flow_status");
			},
			bindCopydata() {
				// 添加抄送人 
				uni.$on('personalTableData', data => {
					this.contractCarbonCopyList.push(data.ruleForm)
				})
				uni.$on('companyTableData', data => {
					this.contractCarbonCopyList.push(data.ruleForm)
				})
			},
			// 修改接收方数据
			changeRecivedata() {
				uni.$on('staffData', data => {
					this.reciveList.signerType = 1
					this.reciveList.signerName = data.signerName
					this.reciveList.signerMobile = data.signerMobile
					this.checkboxPersonal = [0, 1]
				})
				uni.$on('companyStaffData', data => {
					console.log(data)
					this.reciveList.signerType = 0
					this.reciveList.signCompany = data.signCompany
					this.reciveList.signerName = data.signerName
					this.reciveList.signerMobile = data.signerMobile	
					this.checkboxCompany = [0, 1]
				})
			},
			// 监听pdf加载页面进度
			pdfLoaded(e) {
                this.$modal.closeLoading()
			},
			/** 个人签名选择 */
			// 启用拒填拒签 保存联系人 人脸识别
			getSelect(e) {
				console.log(e)
				if(e.detail.value == 1){
					this.reciveList.sealInfo = [0]
				}else if(e.detail.value == 0){
					this.reciveList.sealInfo = [1]
				}else{
					this.reciveList.sealInfo = [0,1]
				}
			},
			/** 快捷修改个人接收方 */
			iconPersonalClick() {
				uni.navigateTo({
					url: '/pages/sign/select/selectPersonal?personal=' + this.personal + '&personalCheckbox=' +
						this.checkboxPersonal
				})
			},
			/** 快捷选择联系人 */
			iconClick() {
				console.log(this.reciveList.signCompanyId)
				if (this.reciveList.signCompanyId == null) {
					uni.navigateTo({
						url: '/pages/sign/select/selectCompanyPersonal?company=' + this.company +
							'&companyCheckbox=' + this.checkboxCompany
					})
				} else {
					uni.navigateTo({
						url: '/pages/sign/select/selectCompanyPersonal?customerCompanyId=' + this.reciveList
							.signCompanyId + '&company=' + this.company + '&companyCheckbox=' + this
							.checkboxCompany
					})
				}
			},
			/** 快捷修改企业接收方 */
			iconCompany() {
				uni.navigateTo({
					url: '/pages/sign/select/selectCompany?companyCheckbox=' + this.checkboxCompany + '&company=' +
						this.company
				})
			},
			/** 确认修改接收方 */
			confirmRecive(arr) {
				console.log(arr)
				// 组装需要修改的文件id
				let fileIdList =[]
				this.contractFile.forEach(file =>{
				  fileIdList.push(file.id+'');
				});
				// 额外参数 存储 需要修改的文件ids
				arr.params = {fileIdList: fileIdList, dataIdOld: this.dataIdOld + ''};
				// 接收方内容
				// 重置盖章类型 数组改字符串
				if(arr.signerType == 1){
				   arr.sealInfo = arr.sealInfo.join(',');
				}
				updateContractFlowRecive(arr).then(response => {
				  this.$modal.msgSuccess("修改成功");
				  getContractSignDetail(this.contractId).then((response) => {
				    this.startForm = response.data;
				  });
				})      
					  
			},
			/** 修改接收方 */
			reciveChange(value) {
				// 校验是否有权限修改接收方
				let isHaveAuth = false;
				if (this.$store.getters.staffInfo.id == this.startForm.contractSignFlowStarter.systemStaffId || this.$store.getters.staffInfo.id == this.startForm.contractSignFlowStarter.sealerId) {
				  isHaveAuth = true;
				} else if (value.systemStaffId == this.$store.getters.staffInfo.id || value.sealerId == this.$store.getters.staffInfo.id) {
				  isHaveAuth = true;
				}
				if (!isHaveAuth) {
				  this.$modal.msgError("无权限修改接收方！");
				  return;
				}
				if(value.signerType == 0){
				    this.reciveList.signerName = value.signerName,
				    this.reciveList.signerMobile=value.signerMobile,
				    this.reciveList.signCompany=value.signCompany,
				    this.reciveList.signerType=value.signerType,
				    this.reciveList.isCompanySign=value.isCompanySign,
				    this.reciveList.isCompanySeal=value.isCompanySeal,
				    this.reciveList.id=value.id,
				    this.reciveList.code=value.signCreditCode
				    this.dataIdOld = value.systemCompanyId;
				}else{
				    this.reciveList.signerName= value.signerName,
				    this.reciveList.signerMobile= value.signerMobile,
				    this.reciveList.signerType= value.signerType,
				    this.reciveList.personSignType=value.personSignType,
				    this.reciveList.sealInfo=value.sealInfo.split(","),
				    this.reciveList.id=value.id,
				    this.dataIdOld = value.systemStaffId;
				}      
					  
				// 个人签字章类型，0手写签字章，1标准签字章
				if (value.sealInfo == '0,1') {
					this.checkboxPersonal = [1,0]
				} else if(value.sealInfo == 1){
					this.checkboxPersonal = [0]
				}else{
					this.checkboxPersonal = [1]
				}
				if (value.isCompanySeal == 1 && value.isCompanySign == 1) {
					this.checkboxCompany = [0, 1]
				} else if (value.isCompanySeal == 1 && value.isCompanySign == 0) {
					this.checkboxCompany = [0]
				} else if (value.isCompanySeal == 0 && value.isCompanySign == 1) {
					this.checkboxCompany = [1]
				}
				this.$refs.editPopup.open('center')
			},
			/** 放大缩小 */
			changeSize(e) {
				// 放大
				if (e.index == 0) {
					let dragWidth = document.getElementsByClassName("drag")[0].clientWidth
					this.widthNum = dragWidth + 50
				} else if (e.index == 1) {
					// 缩小
					let dragWidth = document.getElementsByClassName("drag")[0].clientWidth
					if (dragWidth > document.getElementsByClassName('agree_jn')[0].clientWidth) {
						this.widthNum = dragWidth - 50
					}
				}
			},
			/** 删除抄送*/
			removeCopy(data, index) {
				this.contractCarbonCopyList.splice(index, 1);
				if (!!data.id) {
					delContractCopy(data.id);
					this.$modal.msgSuccess("删除成功！");
				}
			},
			/** 添加抄送个人*/
			addPersonal() {
				this.moveIndex = 0
				uni.navigateTo({
					url: '/pages/sign/copy/personalCopy?personalCopy=' + "copyDetail" + '&contractId=' + this
						.contractId
				})
			},
			/** 添加抄送企业*/
			addCompany() {
				this.moveIndex = 0
				uni.navigateTo({
					url: '/pages/sign/copy/companyCopy?companyCopy=' + "copyDetail" + '&contractId=' + this
						.contractId
				})
			},
			/** 切换合同 */
			changeContract(e) {
				// 当前切换合同和上一个合同是同一个 防止重复点击
				if(this.idx==e){
				  return;
				}
				this.idx = e;
				this.$modal.loading();
			},
			/** 分享合同 */
			shareContract() {
				this.$refs.share.open()
			},
			/** 折叠框移动 */
			moving(e) {
				// moveIndex判断是否展开
				if (e.length != 0) {
					this.moveIndex = 1
					this.popupShow = true
				} else {
					this.moveIndex = 0
					this.popupShow = false
				}
			},
			/** 解约合同 */
			rescindForm() {
				if (this.startForm.contractSignFlowList.length >= 1 && this.startForm.contractSignFlowStarter !== null) {
					uni.navigateTo({
						url: '/pages/sign/rescindContract?id=' + this.contractId
					})
				} else {
					this.$refs.terminationPopup.open()
				}
				
				// 判断当前合同 是否是解约合同 解约合同不能再次解约 
				if (this.startForm.contractSignFlowList[0].contractFlowJson == '解约文件') {
				  this.$modal.msgError("解约文件不能再次解约！");
				  return false;
				}
				if(this.startForm.contractSignFlowList.length >= 1 && this.startForm.contractSignFlowStarter !== null){
					uni.navigateTo({
						url: '/pages/sign/rescindContract?id=' + this.contractId
					})
				}else{
				  this.$refs.terminationPopup.open('center')
				}      
			},
			// 单方解约合同 取消btn
			noForm() {
				this.$refs.terminationPopup.close()
			},
			toggle(flowId) {
				this.flowIdForCa = flowId;
				this.$refs.popup.open()
			},
			initData(option) {
				this.isType = this.$store.getters.staffInfo.company //企业还是个人 true企业 false个人
				this.companyinfoId = this.$store.getters.companyInfo.id //登录的企业id
				this.staffinfoId = this.$store.getters.staffInfo.id //登录的个人id
				this.contractId = option.id;
				this.flowId = option.flowId;
				this.invalidId = JSON.parse(this.contractId)
				// 初始 抄送人信息
				listContractSignCopyByContractId(this.contractId).then((response) => {
					this.contractCarbonCopyList = response.data;
				});
				// 附件文档
				getAppendByContractId(this.contractId).then((response) => {
					this.ByContract = response.data
				});
				
				// 初始合同信息
				getContract(this.contractId).then((response) => {
					this.ruleForm = response.data;
					
					// 删除按钮是否显示
					this.$nextTick(()=>{
						if(this.ruleForm.status == this.$enums.contract_sign_flow_status.REJECT || this.ruleForm.status == this.$enums.contract_sign_flow_status.REVOKE || this.ruleForm.status == this.$enums.contract_sign_flow_status.SIGN_EXPIRED || this.ruleForm.status == this.$enums.contract_sign_flow_status.OUT_DATE || this.ruleForm.status == this.$enums.contract_sign_flow_status.EXPIRED){
						    this.showDelete = true
						}
					})
					
				}).then(() => {
					// 合同文件
					getWordByContractId(this.contractId).then((response) => {
						// 拼接缩略图
						// for (let i = 0; i < response.data.length; i++) { 
						//   let item = response.data[i];
						//   // 如果没有盖章的用户不进行push 控件不进行显示  如果是撤回合同 都不进行展示
						//   // 当前合同撤回
						//   if (this.ruleForm.status == this.$enums.contract_sign_flow_status.REVOKE) {
						//     item.contractFileDragList = [];
						//   } else {
						//     item.contractFileDragList = item.contractFileDragList.filter(drag => !!drag.isStamp);
						//   }
												
						//   //解密接口
						//   // decryptContract(item.path,this.ruleForm.contractNumber).then((response)=>{
						//   //   item.pdfSrc = getObjectURL(response)
						//   // }).then(()=>{
						//   //   // 首次加载第一页
						//   //   if (i == 0) {
						//   //     this.numPages = item.pageCount;
						//   //     // this.getNumPages(item.pdfSrc);
						//   //   }
						//   // });
												
						//   this.contractFile.push(item);
						// }
						// this.url = getHost() + response.data[0].path + ".pdf";
						// return this.url;
						this.contractFile = response.data;
						this.contractFile.forEach((item, index) => {
						  // 创建 选择文件下拉框数据
						  this.contractFilename.push({
						    value: index,
						    text: item.name,
						    path: item.path
						  });
						  // 默认选中第一个文件
						  if (index == 0) {
						    this.value = this.contractFilename[0].value;
						    this.numPages = item.pageCount;
						    // 解密并读取pdf文件
						    item.pdfSrc = this.host + "/ec/contract/decryptContractByMobile?path="+item.path + "&keyId=" + this.ruleForm.contractNumber+"&token="+getToken();
						  }
						  // 必须延时处理 否则切换不会显示
						  if (index > 0) {
						    setTimeout(() => {
						      item.pdfSrc = this.host + "/ec/contract/decryptContractByMobile?path=" + item.path + "&keyId=" + this.ruleForm.contractNumber+"&token="+getToken();
						    }, 300);
						  }
						});
					}).then(res => {
						// this.signAndCertDetailList = this.contractFile[this.idx];
					});
				});
				
				// 签署流程
				getContractSignDetail(this.contractId).then((response) => {
					this.startForm = response.data;
					// 显示修改接收方 发起方登录账号时显示
					if ((this.$store.getters.staffInfo.id == this.startForm.contractSignFlowStarter.systemStaffId) ||
					(this.$store.getters.staffInfo.companyId != 0 &&(this.$store.getters.staffInfo.companyId == this.startForm.contractSignFlowStarter.systemCompanyId))) {
						this.showChange = true
					} else {
						this.showChange = false
					}
					// 判断当前合同是否是解约文件 把解约按钮置灰
					if (this.startForm.contractSignFlowList[0].contractFlowJson == '解约文件') {
					  this.isTerminationContract = true;
					}        
					
					this.startForm.contractSignFlowList.forEach((item) => {
						// 是否转签获取值   this.transferFlag == 0  0未转签  1已转签
						if (item.transferFlag == 1) {
							this.sealName = item.sealerName
							this.sealSystemCompanyId = item.systemCompanyId
							this.isStarter = item.isStarter // 是否是接收者
							this.transferFlag = item.transferFlag //是否转签
						} else {
							this.transferFlag = item.transferFlag
						}
					})
				}).then(() => {
					// 签署权限
					selectListPermiss().then((response) => {
						this.hasType = response.data
						// 没有签署权限弹出转交签署框
						if (this.hasType == false && this.isType) {
							// 经办人是否转签过  权限 || this.transferFlag == 0  0未转签  1已转签    this.isStarter 0接收者
							if (this.transferFlag == 1 && this.isStarter == 0) {
								// 转交签署人提醒
								// this.$refs.changePeople.open('center')
							} else {
								// 合同发起提醒
								this.$refs.alertDialog.open('center')
							}
						}
					})
				}).then(()=>{
					// 企业偏好设置
					this.initecSystemSet();
				});
			},
			/** 企业偏好设置 */
			initecSystemSet(){
				// 合同发起方企业的偏好设置
				getSystemSetByCompanyId(this.startForm.contractSignFlowStarter.systemCompanyId).then(response => {
				  this.systemSet = response.data;
				  this.initButtonSet();// 权限按钮设置
				});
				// 经办人 签署人 按钮权限
				this.initSystemAndSealerSet();      
			},
			// 加载pdf 分页
			getNumPages(url) {
				let loadingTask = pdf.createLoadingTask(url);
				loadingTask.promise
					.then((pdf) => {
						this.numPages = pdf.numPages;
						uni.hideLoading();
					});
			},
			dialogConfirm() {
				this.$refs.alertDialog.close()
			},
			// 催一下
			sendMsg(item) {
				contractHurry(item).then((response) => {
					this.$modal.msgSuccess("您已成功通知合同待签署人，催其速签文件。");
				});
			},
			/**上一步*/
			back() {
				uni.switchTab({
					url: '/pages/index'
				})
			},
			/**选项卡*/
			onClickItem(e) {
				if (this.current !== e.currentIndex) {
					this.current = e.currentIndex
				}
			},
		},
	};
</script>
<style lang="scss" scoped>
	.settingBtn{
		color: #00a660;
		margin-left: 16rpx;
		font-size: 26rpx;
		display: inline-block;
		width: 60rpx;
	}
	uni-button[disabled]{
		background: $uni-color-primary;
		color: #ccc;
		border-color: #ccc;
	}
	.sign_p{
		display: flex;
		::v-deep .uni-tooltip-popup{
			width: 280rpx;
		}
	} 
	.content ::v-deep .uni-tooltip{
		display: inline-block;
	}
	.change_div {
		margin-left: 6rpx;
		color: $uni-color-primary;
	}

	.status_pass {
		color: $uni-color-primary;
		font-size: 26rpx;
		margin-left: 6rpx;
	} 

	.no_pass {
		color: #999;
		font-size: 26rpx;
		margin-left: 6rpx;
	}

	.hurry {
		font-size: 26rpx;
		color: #999;
	}

	.faceIcon-gray {
		font-size: 26rpx;
		color: #666;
		margin-left: 8rpx;
	}
	
	.shareIcon{
		font-size: 26rpx;
		color: $uni-color-primary;
		margin-right: 30rpx;
	}

	.file-title {
		color: #666;
		padding: 6rpx 0;
		font-size: 26rpx;
	}

	.popupShow {
		overflow: hidden;
		position: fixed;
	}

	::v-deep .uni-navbar__header-btns-left {
		width: 220rpx !important;
	}

	::v-deep .uni-navbar__header-btns-right {
		width: 420rpx !important;
	}

	.detail_coll ::v-deep .uni-icons {
		color: #fff !important;
	}

	.title_coll ::v-deep .uniui-bottom {
		color: #ccc !important;
	}

	.title_coll ::v-deep .uni-collapse-item__title.uni-collapse-item-border {
		border-bottom: 0rpx;
	}

	.title_coll ::v-deep .uni-collapse-item__title {
		height: 80rpx;
		padding-left: 10px;
	}

	// .title_coll ::v-deep .uni-collapse-item{padding: 20rpx 20rpx;}
	::v-deep .uni-data-checklist .checklist-group .checklist-box {
		margin-left: 15rpx !important;
	}

	.popup_check {
		margin-top: 30rpx;
		display: flex;
		align-items: center;

		span {
			margin-right: 15rpx;
		}
	}

	.edit_dialog ::v-deep .uni-popup__wrapper {
		width: 90%;
	}

	.certiyImg {
		width: 28rpx;
		height: 30rpx;
		display: inline-block;
		margin: 0 5rpx;
		vertical-align: middle;
	}

	.dialog_list {
		button {
			display: block;
			margin: 40rpx auto;
			color: 28rpx;
			background: #fff;
			border: 1rpx solid $uni-color-primary;
		}

	}

	::v-deep .uni-data-checklist .checklist-group .checklist-box {
		margin: 8rpx 0;
	}

	::v-deep .uni-fab__circle--rightBottom {
		bottom: 200rpx;
		right: 50rpx;
		z-index: 0;
	}

	::v-deep .uni-fab--rightBottom {
		bottom: 200rpx;
		right: 50rpx;
		z-index: 0;
	}

	::v-deep .uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text {
		font-size: 26rpx;
	}

	.copy_popup ::v-deep .uni-popup__wrapper {
		width: 90%;
		border-radius: 10rpx;
	}

	// ::v-deep .uni-select__selector-item {
	// 	line-height: 100rpx;
	// 	height: 100rpx;
	// }
	.agreement_title {
		background: #f4f4f5;
		padding: 20rpx 20rpx;
		border-radius: 8rpx;
	}

	.dialog-footer {
		margin-top: 50rpx;
		display: flex;
		align-items: center;

		button {
			height: 65rpx;
			width: 240rpx;
			line-height: 65rpx;
			font-size: 28rpx;
		}
	}

	.refuse_con {
		padding: 30rpx 40rpx 30rpx 40rpx;
	}

	.no_item {
		background-color: #f7f8f8;
		text-align: center;
		margin: 0 auto 20rpx;
		padding: 20rpx 0;
		font-size: 26rpx;
		color: #999999;
	}

	.collapse_height {
		height: calc(100vh - 400rpx);
		overflow-y: scroll;
		padding: 0 20rpx 40rpx;
	}

	.gray_bg {
		background: #f7f8f8;
		padding: 10rpx 20rpx;
		font-size: 26rpx;
		color: #666666;
	}

	.comapny_signName {
		color: #333;
		font-size: 26rpx
	}

	.sign_time {
		color: #999;
		font-size: 26rpx;
	}

	.con_title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 20rpx 0 8rpx;
	}

	.con_del {
		border-top: 1rpx dashed #cccccc;
		margin-top: 15rpx;
	}

	.im-line {
		padding: 10rpx 20rpx;
		display: flex;
		background: #f7f8f8;
		justify-content: space-between;
		width: 100%;
		align-items: center;
	}
	.greyBack{
		padding: 10rpx 20rpx;
		background: #f7f8f8;
	}		

	.ji-h {
		font-size: 26rpx;
		color: #999999;
		display: flex;
		align-items: center;
		padding: 6rpx 0;
	}

	.duihao {
		font-size: 26rpx;
		color: $uni-color-primary;
		margin-left: 8rpx;
	}

	.gray_duihao {
		font-size: 26rpx;
		color: #999999;
		margin-left: 8rpx;
	}

	.lock {
		font-size: 26rpx;
		color: $uni-color-primary;
	}

	.title_coll ::v-deep .uni-collapse-item__title {
		background: #f7f8f8 !important;
		margin-top: 16rpx;
		overflow-y: scroll;
	}

	.detail_coll ::v-deep .uni-collapse-item__title {
		background: $uni-color-primary;
	}

	.detail_coll {
		position: fixed;
		bottom: 0;
		bottom: constant(safe-area-inset-bottom);
		bottom: env(safe-area-inset-bottom);
	}

	.title_border {
		height: 70rpx;
		line-height: 70rpx;
		color: #fff;
		padding-left: 30rpx;
		background: $uni-color-primary;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	// 签署文件显示
	.pdf_item {
		margin-left: 56rpx;
		display: flex;
		align-items: center;
	}

	.contact_name {
		overflow: hidden;
		width: 95%;
		margin-left: 6rpx;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		display: -webkit-box;
		color: #999;
	}

	.h_uin {
		margin-top: 20rpx;
		border: solid 1rpx #dddddd;
		padding: 0 20rpx 18rpx 20rpx;

		p {
			padding: 8rpx 0;
		}

	}

	page {
		background: $uni-bg-color;
	}

	.ag_container {
		position: relative;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}

	// 签署详情 p
	.item_p {
		padding: 20rpx 0 0;

		p {
			color: #666666;
			padding: 7rpx 0;
			font-size: 26rpx;
			// span {
			// 	margin-left: 20rpx;
			// 	color: #00a660;
			// 	background-color: #f6fff4;
			// 	border-radius: 26rpx;
			// 	border: solid 1rpx #00a660;
			// 	height: 30rpx;
			// 	line-height: 30rpx;
			// 	font-size: 20rpx;
			// 	width: 200rpx;
			// 	text-align: center;
			// 	display: inline-block;
			// }
		}
	}

	// 签署详情
	.agree_jn {
		margin: 0 0 50rpx;
		padding: 0 20rpx 0 0;

		.title {
			color: #666666;
			font-size: 28rpx;
			font-weight: bold;
			padding: 5rpx 0;
			word-break: break-all;
		}
	}

	.agree-detail {
		margin: 20rpx 10rpx 0 10rpx;
		padding: 0 0 0 20rpx;

		.agree_item {
			display: flex;
			justify-content: space-between;
			margin-top: 16rpx;
			align-items: center;

			.item_img {
				img {
					border: 1rpx solid #cccccc;
					width: 160rpx;
					height: 160rpx;
					margin-left: 10rpx;
				}

				p {
					color: #999999;
					font-size: 24rpx;
				}
			}

		}
	}
	.themeColor {
	    color: #00a660 !important;
	}
	.edit_dialog ::v-deep .uni-dialog-content{
		padding: 40rpx 0;
	}
</style>